import { PropsWithChildren } from 'react';

/**
 * Layout for guest / unauthenticated pages (login, etc.)
 */
export default function GuestLayout({ children }: PropsWithChildren) {
    return (
        <div className="flex min-h-screen flex-col items-center justify-center bg-gray-100 pt-6 sm:pt-0 dark:bg-gray-900">
            {/* Logo */}
            <div className="mb-6 select-none text-2xl font-bold tracking-tight text-gray-800 dark:text-gray-100">
                {import.meta.env.VITE_APP_NAME || 'GMP Auth'}
            </div>

            <div className="w-full overflow-hidden bg-white px-6 py-6 shadow-md sm:max-w-md sm:rounded-lg dark:bg-gray-800">
                {children}
            </div>
        </div>
    );
}