// src/components/docs/ecosystem/IntegrationsPage.tsx
import { CodeBlock } 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 EcosystemIntegrationsPage() {
  return /* @__PURE__ */ jsxs("div", {
    className: "space-y-8",
    children: [
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-3",
        children: [
          /* @__PURE__ */ jsx("h1", {
            className: "text-4xl font-bold",
            children: "Integrations"
          }),
          /* @__PURE__ */ jsx("p", {
            className: "text-muted-foreground text-lg",
            children: "Reference integrations show how to extend ContractSpec with real-world adapters and generators."
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "card-subtle space-y-4 p-6",
        children: [
          /* @__PURE__ */ jsx("h2", {
            className: "text-2xl font-bold",
            children: "Reference plugin"
          }),
          /* @__PURE__ */ jsx("p", {
            className: "text-muted-foreground text-sm",
            children: "The example markdown generator plugin ships as a working reference implementation."
          }),
          /* @__PURE__ */ jsx(CodeBlock, {
            language: "bash",
            filename: "install-example",
            code: `bun add @contractspec/lib.plugin.example-generator

# Or in a workspace
bun add -D @contractspec/lib.plugin.example-generator`
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "card-subtle space-y-4 p-6",
        children: [
          /* @__PURE__ */ jsx("h2", {
            className: "text-2xl font-bold",
            children: "Providers and adapters"
          }),
          /* @__PURE__ */ jsxs("ul", {
            className: "text-muted-foreground space-y-2 text-sm",
            children: [
              /* @__PURE__ */ jsx("li", {
                children: "Payments: Stripe"
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Email: Postmark, Gmail"
              }),
              /* @__PURE__ */ jsx("li", {
                children: "AI: OpenAI, Mistral"
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Voice: ElevenLabs, Mistral"
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Vector DB: Qdrant"
              }),
              /* @__PURE__ */ jsx("li", {
                children: "Storage: GCS"
              })
            ]
          }),
          /* @__PURE__ */ jsx("p", {
            className: "text-muted-foreground text-sm",
            children: "Use provider modules as inspiration for adapter plugins."
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "flex items-center gap-4 pt-4",
        children: [
          /* @__PURE__ */ jsxs(Link, {
            href: "/docs/ecosystem/registry",
            className: "btn-primary",
            children: [
              "Marketplace manifest ",
              /* @__PURE__ */ jsx(ChevronRight, {
                size: 16
              })
            ]
          }),
          /* @__PURE__ */ jsx(Link, {
            href: "/docs/ecosystem/templates",
            className: "btn-ghost",
            children: "Authoring templates"
          })
        ]
      })
    ]
  });
}
export {
  EcosystemIntegrationsPage
};
