import FooterDesktop from "./FooterDesktop";
import HeaderDesktop from "./HeaderDesktop";
import FooterMobile from "./FooterMobile";
import HeaderMobile from "./HeaderMobile";

export default function PageLayout({ children }) {
  return (
    <div className="min-h-screen flex flex-col w-full">
      <div className="hidden lg:block">
        <HeaderDesktop />
      </div>
      <div className="block lg:hidden">
        <HeaderMobile />
      </div>
      {children}
      <div className="hidden lg:block">
        <FooterDesktop />
      </div>
      <div className="block lg:hidden">
        <FooterMobile />
      </div>
    </div>
  );
}
