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

export default function GuestLayout({ children }: PropsWithChildren) {
    return (
        <div className="flex min-h-screen flex-col items-center justify-center bg-gray-950 px-4">
            <Link href={route('home')} className="mb-8 text-2xl font-bold text-white">
                EmpireRP UCP
            </Link>
            <div className="w-full max-w-md rounded-xl bg-gray-900 p-8 shadow-xl ring-1 ring-white/10">
                {children}
            </div>
        </div>
    );
}
