import AboutDrawer from "@/component/Layout/AboutDrawer"
import LayoutHeader from "@/component/Layout/LayoutHeader"
import MapWirror from "@/component/Layout/MapWirror"
import PrivacyPolicyDrawer from "@/component/Layout/PrivacyPolicyDrawer"
import TermsConditionsDrawer from "@/component/Layout/TermsConditionsDrawer"
import Image from "next/image"


type Props = {
  children?: React.ReactNode
}

export default function LayoutLogin({ children }: Props) {
  return (
    <div className="flex items-center bg-[#fcfcfc] min-h-screen h-lvh">
      <MapWirror />
      <div className="grow bg-white h-full pb-4 lg:pt-8 px-4 md:px-8 md:pb-8 xl:px-12 lg:min-w-80 overflow-y-auto">
        <LayoutHeader />
        {children}
        <div className="flex gap-4 items-center pt-8 justify-center py-4">
            <a
              href="https://apps.apple.com/us/app/wizzor/id1565540191?uo=4"
              target="_blank">
              <Image
                src="/img/apple_icon.png"
                alt=""
                width={170}
                height={49}
              />
            </a>
            <a
              href="https://play.google.com/store/apps/details?id=com.wizzor"
              target="_blank">
              <Image
                src="/img/gplay_icon.png"
                alt=""
                width={170}
                height={49}
              />
            </a>
          </div>
      </div>
      <AboutDrawer />
      <TermsConditionsDrawer />
      <PrivacyPolicyDrawer />
    </div>
  )
}