import React, { useEffect } from 'react';
import axios from 'axios'; // Step 1: Import Axios for making API requests

const WebsiteCrawler = () => {
    useEffect(() => {
        const fetchData = async () => {
            try {
                const response = await axios.post('https://www.uxlive.me/api/v1/website-info-extractor/', {
                    // Step 3: Make the POST request with required parameters
                    web_url: 'https://vcssbp.odishavikash.com/',
                    max_search_depth: 0,
                    info_request: {
                        addresses: true,
                        emails: true,
                        links: true,
                        logos: true,
                        name: true,
                        pages_url: [
                            'about',
                            'contact',
                            'careers',
                            'services',
                            'products'
                        ],
                        phone_numbers: true,
                        social_media_links: {
                            all: true,
                            choices: [
                                'facebook',
                                'twitter',
                                'instagram',
                                'linkedin',
                                'youtube',
                                'pinterest',
                                'tumblr',
                                'snapchat'
                            ]
                        },
                        website_socials: {
                            all: true,
                            choices: [
                                'facebook',
                                'twitter',
                                'instagram',
                                'linkedin',
                                'youtube',
                                'pinterest',
                                'tumblr',
                                'snapchat'
                            ]
                        }
                    },
                    api_key: '<YOUR API KEY>'
                });
                console.log(response.data); // Output the response data
            } catch (error) {
                console.error('Error fetching data:', error);
            }
        };

        fetchData();
    }, []);

    return (
        <div>
            <h1>Website Crawler API</h1>
            <p>Fetching website information...</p>
        </div>
    );
};

export default WebsiteCrawler;