import { Container } from '@/components/layout';
import { PageHeader } from '@/components/navigation';
import { type PropsWithChildren } from 'react';

export function DocumentsLayout({
  children,
  title,
}: Readonly<PropsWithChildren> & { readonly title: string }) {
  return (
    <>
      <PageHeader title={title} />
      <Container className="prose prose-neutral md:prose-lg dark:prose-invert max-w-none">
        {children}
      </Container>
      <div className="h-10" />
    </>
  );
}