import React, { useEffect } from 'react';

const YourComponent = () => {
    const url = "http://100073.pythonanywhere.com/wifi/qr-code/";

    const payload = {
        wifi_name: "Sagar.5G",
        wifi_password: "S@gar851166",
        encryption_type: "WPA",
        logo: "",
        api_key: "c2636d98-4f43-4be1-9e3b-47cdfcbe832b",
    };

    useEffect(() => {
        const fetchData = async () => {
            try {
                const response = await fetch(url, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                    },
                    body: JSON.stringify(payload),
                });

                if (response.status === 201) {
                    console.log("Resource created successfully");
                    const data = await response.json();
                    console.log(data);
                } else {
                    console.log(`Request failed with status code: ${response.status}`);
                    console.log(await response.text());
                }
            } catch (error) {
                console.log(`Request failed with an exception: ${error}`);
            }
        };

        fetchData();
    }, []);

    return (
        <div>
            {/* Your React component content */}
        </div>
    );
};

export default YourComponent;