import type { ReactNode } from "react";
import Header from "./components/Header";
import Navigation from "./components/Navigation";
import { LiftLayer } from "@components/lift";
import classes from "./RootLayout.module.css";

type Props = {
  hideControls?: boolean;
  children?: ReactNode;
};

export default function RootLayout({ children, hideControls }: Props) {
  return (
    <div className={classes.rootLayout}>
      {!hideControls && <Header />}

      <main className={classes.main}>{children}</main>

      {!hideControls && <Navigation />}
      <LiftLayer />
    </div>
  );
}
