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(https://img.daisyui.com/images/stock/photo-1507358522600-9f71e620c44e.webp)',
    }}
  >
    <div className="hero-overlay bg-neutral/60"></div>
    <div className="hero-content text-center ">
      <div className="max-w-lg">
        <div className="card rounded-2xl bg-base-100 w-full min-w-[500px] shadow-2xl max-md:min-w-[400px]">
          {children}
        </div>
      </div>
    </div>
  </div>
);

export default AuthLayout;
