import Header from "@/component/Layout/Header"
import Slider from "@/component/Layout/Slider"

type Props = {
  children?: React.ReactNode
}

export default async function LayoutHome({ children }: Props) {
  return (
    <div className="flex h-screen">
      <Slider />
      <div className="md:flex flex-1 flex-col bg-white overflow-x-hidden relative" id="home-screen">
        <Header />
        <main
          id="main-content"
          className="flex-1 px-4 lg:px-5 xl:px-6 overflow-y-auto pt-4 pb-6 overflow-x-hidden">
          {children}
        </main>
      </div>
    </div>
  )
}