import { useEffect } from "react";
import { useRouter } from "next/router";

export default function View() {
    const router = useRouter();
    const { uuid } = router.query;

    console.log(uuid)

    return (
        <div className="flex flex-col items-center justify-center min-h-screen bg-white p-4">
            <div className="w-full max-w-sm p-4 bg-[#ff2121]/80 rounded shadow-lg text-center">
                <h1 className="text-xl font-bold mb-2">
                    Welcome to the Ticket Viewer
                </h1>
                <p className="text-base">
                    Use the route{" "}
                    <code className="bg-black/20 p-1 rounded">
                        /api/view?uuid=
                    </code>{" "}
                    to view tickets.
                </p>
            </div>
        </div>
    );
}