vercel__workflow/docs/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>
);