import { NextPage } from "next";
import { ReactNode } from "react";

const AuthLayout: NextPage<
	Readonly<{
		children: React.ReactNode;
	}>
> = ({ children }) => (
	<div
		className="hero min-h-screen"
		style={{
			backgroundImage: "url('/bg.png')",
		}}
	>
		<div className="hero-overlay bg-opacity-60"></div>
		<div className="hero-content text-neutral-content text-center ">
			<div className="max-w-lg">
				<div className="card bg-base-100 w-full min-w-[500px] shadow-2xl max-md:min-w-[400px]">
					{children}
				</div>
			</div>
		</div>
	</div>
);

export default AuthLayout;
