vercel__components.build/components/geistdocs/home-layout.tsx

import { DocsLayout as FumadocsDocsLayout } from "fumadocs-ui/layouts/docs";
import type { ComponentProps, CSSProperties, ReactNode } from "react";
import { i18n } from "@/lib/geistdocs/i18n";
import { Folder, Item, Separator, Sidebar } from "./sidebar";

type HomeLayoutProps = {
  tree: ComponentProps<typeof FumadocsDocsLayout>["tree"];
  children: ReactNode;
};

export const HomeLayout = ({ tree, children }: HomeLayoutProps) => (
  <FumadocsDocsLayout
    containerProps={{
      className: "p-0! max-w-full mx-0 [&_[data-sidebar-placeholder]]:hidden",
      style: {
        display: "flex",
        flexDirection: "column",
        "--fd-docs-row-1": "4rem",
      } as CSSProperties,
    }}
    i18n={i18n}
    nav={{
      enabled: false,
    }}
    searchToggle={{
      enabled: false,
    }}
    sidebar={{
      className: "md:hidden",
      collapsible: false,
      component: <Sidebar />,
      components: {
        Folder,
        Item,
        Separator,
      },
    }}
    tabMode="auto"
    themeSwitch={{
      enabled: false,
    }}
    tree={tree}
  >
    {children}
  </FumadocsDocsLayout>
);