import AboutDrawer from "@/component/Layout/AboutDrawer"
import SlideWirror from "../../../component/Layout/SlideWirror"
import TermsConditionsDrawer from "@/component/Layout/TermsConditionsDrawer"
import PrivacyPolicyDrawer from "@/component/Layout/PrivacyPolicyDrawer"
import LayoutHeader from "@/component/Layout/LayoutHeader"

type Props = {
  children?: React.ReactNode
}

export default function LayoutRegister({ children }: Props) {

  return (
    <div className="flex items-center bg-[var(--primary--5)] min-h-screen h-lvh">
      <SlideWirror />
      <div className="grow bg-white h-full py-4 px-4 md:p-8 xl:px-12 lg:min-w-80">
        <LayoutHeader className="!max-w-lg" />
        {children}
      </div>
      <AboutDrawer />
      <TermsConditionsDrawer />
      <PrivacyPolicyDrawer />
    </div>
  )
}