Function Page

Page(props: { children: ReactNode }): Element

Wrapper for pages.

Example

 * @returns The rendered layout and its children.

Parameters

props: { children: ReactNode }
The component accepts children as props.
- children: ReactNode
  Page content to be rendered.

Returns Element

The rendered Page component and it's children.

Source

export default function Page({ children }: { children: ReactNode }) {
  return (
    <div className="flex min-h-screen flex-col bg-slate-300 dark:bg-slate-800" data-testid="page">
      <NavBar />
      <main className="flex w-full justify-center">{children}</main>
    </div>
  );
}