{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "og-examples",
  "title": "OG Examples",
  "description": "OG style gallery with editable CONTENT examples.",
  "dependencies": [
    "next"
  ],
  "registryDependencies": [
    "@atroui/utils",
    "@atroui/og-live-preview"
  ],
  "files": [
    {
      "path": "registry/default/blocks/og-examples.tsx",
      "content": "\"use client\"\n\nimport Link from \"next/link\"\n\nimport { OgLivePreview, type OgStyleKey } from \"./og-live-preview\"\nimport { cn } from \"@/lib/utils\"\n\n/** Edit CONTENT for demo cards shown in the gallery. */\nconst CONTENT = {\n  examples: [\n    {\n      title: \"Ship this week\",\n      subtitle: \"Fixed-scope MVP\",\n      styleKey: \"paperQuote\" as OgStyleKey,\n      href: \"/og\",\n    },\n    {\n      title: \"Own the UI\",\n      subtitle: \"shadcn registry\",\n      styleKey: \"boldSplit\" as OgStyleKey,\n      href: \"/docs/registry\",\n    },\n  ],\n}\n\nexport function OgExamples({\n  preview = false,\n  className,\n}: {\n  preview?: boolean\n  className?: string\n}) {\n  return (\n    <div className={cn(\"grid gap-4 sm:grid-cols-2\", className)}>\n      {CONTENT.examples.map((ex) => (\n        <Link\n          key={ex.title}\n          href={ex.href}\n          className=\"group relative aspect-1200/630 overflow-hidden rounded-2xl border border-border-subtle\"\n        >\n          <OgLivePreview\n            title={ex.title}\n            subtitle={ex.subtitle}\n            styleKey={ex.styleKey}\n          />\n          {!preview ? (\n            <span className=\"absolute right-3 bottom-3 rounded-md border border-white/20 bg-black/50 px-2.5 py-1 text-[11px] text-white backdrop-blur-sm\">\n              Open\n            </span>\n          ) : null}\n        </Link>\n      ))}\n    </div>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/og-examples.tsx"
    }
  ],
  "type": "registry:block"
}