import { useState, useEffect } from "react";
import { getIP } from 'webrtc-ip';

export default function Home() {
    const [ip, setIp] = useState<string>("0.0.0.0");

    useEffect(() => {
        (async () => {
            try {
                const ipAddress: string = await getIP();
                setIp(ipAddress);
            } catch (error) {
                console.error("Failed to fetch IP address:", error);
            }
        })();
    }, []);

    return (
        <main className="flex min-h-screen flex-col items-center justify-between p-24">
            <p>{ip}</p>
        </main>
    );
}