import ApplicationLogo from '@/Components/ApplicationLogo';
import { PropsWithChildren } from 'react';

export default function Guest({ children }: PropsWithChildren) {
    return (
        <div className="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-blue-200">
            <div>
                <ApplicationLogo className="w-60 h-60 fill-current " />
            </div>

            <div className="w-full sm:max-w-md mt-6 px-6 py-4 bg-babolygo-ocean shadow-md rounded-3xl overflow-hidden">
                {children}
            </div>
        </div>
    );
}