Function DocContent

src/components/mdx/docs.tsx:13–33

({
  children,
  title,
  group,
}: PropsWithChildren<{ title?: string; group?: string }>)

export type DocTableContent = DocTableContentGroup[];

export function DocContent({
  children,
  title,
  group,
}: PropsWithChildren<{ title?: string; group?: string }>) {
  return (
    <>
      {title && (
        <div className="-mx-4 mb-4 border-b px-4 pb-4">
          <div className="max-w-[800px]">
            {group && <span className="text-sm">{group}</span>}
            <h1 className="text-2xl font-semibold">{title}</h1>
          </div>
        </div>
      )}
      <article className={cn("mdx-content max-w-[800px]", { "mt-4": !title })}>
        {children}
      </article>
    </>
  );
}

export function DocLayout({
  children,