Storyden

import { PropsWithChildren, ReactNode } from "react";

import { Navigation } from "src/components/site/Navigation/Navigation";

import { Box, Flex, styled } from "@/styled-system/jsx";

type Props = {
  contextpane: ReactNode;
};

export async function Default({
  contextpane,
  children,
}: PropsWithChildren<Props>) {
  return (
    <Flex
      minHeight="dvh"
      width="full"
      flexDirection="row"
      backgroundColor="bg.site"
      vaul-drawer-wrapper=""
    >
      <Navigation contextpane={contextpane}>
        <styled.main
          containerType="inline-size"
          width="full"
          height="full"
          minW="0"
        >
          {children}
          <Box height="24"></Box>
        </styled.main>
      </Navigation>
    </Flex>
  );
}