// @bun
// src/components/docs/getting-started/StartHerePage.tsx
import Link from "@contractspec/lib.ui-link";
import { ChevronRight } from "lucide-react";
import { CodeBlock, InstallCommand } from "@contractspec/lib.design-system";
import { jsx, jsxs } from "react/jsx-runtime";
function StartHerePage() {
  return /* @__PURE__ */ jsxs("div", {
    className: "space-y-8",
    children: [
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-2",
        children: [
          /* @__PURE__ */ jsx("h1", {
            className: "text-4xl font-bold",
            children: "Start here"
          }),
          /* @__PURE__ */ jsx("p", {
            className: "text-muted-foreground text-lg",
            children: "A fast onboarding path from install to your first generated contract."
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-6",
        children: [
          /* @__PURE__ */ jsxs("div", {
            className: "space-y-3",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "Install the CLI"
              }),
              /* @__PURE__ */ jsx(InstallCommand, {
                package: "contractspec",
                dev: true
              })
            ]
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "space-y-3",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "Add core libraries"
              }),
              /* @__PURE__ */ jsx(InstallCommand, {
                package: [
                  "@contractspec/lib.contracts-spec",
                  "@contractspec/lib.schema"
                ]
              })
            ]
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "space-y-3",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "Initialize your project"
              }),
              /* @__PURE__ */ jsx(CodeBlock, {
                language: "bash",
                filename: "start-here-init",
                code: `bunx contractspec init`
              })
            ]
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "space-y-3",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "Create your first contract"
              }),
              /* @__PURE__ */ jsx(CodeBlock, {
                language: "bash",
                filename: "start-here-create",
                code: `contractspec create --type operation`
              })
            ]
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "space-y-3",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "Generate implementation"
              }),
              /* @__PURE__ */ jsx(CodeBlock, {
                language: "bash",
                filename: "start-here-build",
                code: `contractspec build src/contracts/mySpec.ts
contractspec validate src/contracts/mySpec.ts`
              })
            ]
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "flex flex-wrap items-center gap-3 pt-2",
        children: [
          /* @__PURE__ */ jsxs(Link, {
            href: "/docs/getting-started/hello-world",
            className: "btn-primary",
            children: [
              "Next: Hello World ",
              /* @__PURE__ */ jsx(ChevronRight, {
                size: 16
              })
            ]
          }),
          /* @__PURE__ */ jsx(Link, {
            href: "/docs/getting-started/troubleshooting",
            className: "btn-ghost",
            children: "Troubleshooting"
          }),
          /* @__PURE__ */ jsx(Link, {
            href: "/docs/getting-started/compatibility",
            className: "btn-ghost",
            children: "Compatibility"
          })
        ]
      })
    ]
  });
}
export {
  StartHerePage
};
