import { Link } from '@inertiajs/react';

export default function Guest({ children }) {
    return (
        <div className="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100">

            {/* Logo Alanı (Opsiyonel) */}
            <div>
                <Link href="/">
                    {/* Eğer ApplicationLogo silindiyse, burayı bir <h1> etiketine çevirebilirsiniz */}
                    {/* <ApplicationLogo className="w-20 h-20 fill-current text-gray-500" /> */}
                    <h1 className="text-xl font-bold text-gray-700">LMS</h1>
                </Link>
            </div>

            {/* İçerik Kartı (Formun Göründüğü Yer) */}
            <div className="w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden sm:rounded-lg">
                {children}
            </div>
        </div>
    );
}