// src/components/docs/libraries/LibrariesContentGenPage.tsx
import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
import Link from "@contractspec/lib.ui-link";
import { ChevronRight } from "lucide-react";
import { jsx, jsxs } from "react/jsx-runtime";
function LibrariesContentGenPage() {
  return /* @__PURE__ */ jsxs("div", {
    className: "space-y-8",
    children: [
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsx("h1", {
            className: "text-4xl font-bold",
            children: "@contractspec/lib.content-gen"
          }),
          /* @__PURE__ */ jsx("p", {
            className: "text-muted-foreground text-lg",
            children: "Feed a single ContentBrief and produce cohesive marketing assets without touching a CMS."
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsx("h2", {
            className: "text-2xl font-bold",
            children: "Installation"
          }),
          /* @__PURE__ */ jsx(InstallCommand, {
            package: "@contractspec/lib.content-gen"
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-3",
        children: [
          /* @__PURE__ */ jsx("h2", {
            className: "text-2xl font-bold",
            children: "One brief, many assets"
          }),
          /* @__PURE__ */ jsx(CodeBlock, {
            language: "typescript",
            code: `import {
  BlogGenerator,
  LandingPageGenerator,
  EmailCampaignGenerator,
  SocialPostGenerator,
} from '@contractspec/lib.content-gen/generators';
import { SeoOptimizer } from '@contractspec/lib.content-gen/seo';

const brief = {
  title: 'AI Ops Copilot',
  summary: 'Automates support + growth.',
  problems: ['Support queues pile up', 'Growth teams lack experiments'],
  solutions: ['AI agents', 'Approval queue', 'Analytics'],
  audience: { role: 'COO', industry: 'Fintech' },
};

const blog = await new BlogGenerator().generate(brief);
const landing = await new LandingPageGenerator().generate(brief);
const email = await new EmailCampaignGenerator().generate({ brief, variant: 'announcement' });
const social = await new SocialPostGenerator().generate(brief);
const seo = new SeoOptimizer().optimize(brief);`
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-3",
        children: [
          /* @__PURE__ */ jsx("h2", {
            className: "text-2xl font-bold",
            children: "When to use"
          }),
          /* @__PURE__ */ jsxs("ul", {
            className: "text-muted-foreground list-inside list-disc space-y-2",
            children: [
              /* @__PURE__ */ jsx("li", {
                children: "Ship landing page refreshes whenever specs change."
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Automate release emails + nurture sequences per vertical."
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Create social snippets that stay on-message with the same brief."
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Generate SEO metadata + Schema.org markup alongside content."
              })
            ]
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "flex items-center gap-4 pt-4",
        children: [
          /* @__PURE__ */ jsx(Link, {
            href: "/docs/libraries",
            className: "btn-ghost",
            children: "Back to Libraries"
          }),
          /* @__PURE__ */ jsxs(Link, {
            href: "/docs/libraries/support-bot",
            className: "btn-primary",
            children: [
              "Next: Support Bot ",
              /* @__PURE__ */ jsx(ChevronRight, {
                size: 16
              })
            ]
          })
        ]
      })
    ]
  });
}
export {
  LibrariesContentGenPage
};
