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

export default function Guest({ children }: PropsWithChildren) {
    return (
        <div className="flex min-h-screen flex-col items-center bg-white pt-10 sm:justify-center sm:pt-0">
            <Link href="/" className="flex items-center gap-2">
                <span className="w-10 h-10 rounded-xl bg-sky-600 text-white flex items-center justify-center font-bold text-lg">S</span>
                <span className="font-bold text-sky-600 text-2xl tracking-wide">SAGARA</span>
            </Link>

            <div className="mt-6 w-full max-w-md overflow-hidden rounded-2xl border border-gray-200 bg-gray-50 px-7 py-8 shadow-sm">
                {children}
            </div>
        </div>
    );
}