Function baseLayout

baseLayout(children: { children: ReactNode }): Element

BaseLayout React component that provides the main application layout with header, footer, and content area.

Parameters

children: { children: ReactNode }
The content to render inside the layout.

Returns Element

The rendered layout React element.

Source

export default function BaseLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="bg-background text-foreground flex h-screen flex-col">
      <Header />

      <main className="flex-1 overflow-auto p-4">
        <div className="container mx-auto h-full">{children}</div>
      </main>

      <Footer />
    </div>
  );
}