import type { ReactNode } from "react";

import { DocsSidebar } from "@/components/docs/docs-sidebar";
import { DocsBody } from "@/components/docs/docs-shell";
import { DOCS_NAV_GROUPS } from "@/lib/docs-nav";

export default function IntegrationDocsLayout({ children }: { children: ReactNode }): React.ReactElement {
  return (
    <DocsBody sidebar={<DocsSidebar groups={DOCS_NAV_GROUPS} />}>{children}</DocsBody>
  );
}
