{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "thumbnail-workspace",
  "title": "Thumbnail Workspace",
  "description": "Thumbnail generator UI shell. Wire CONTENT.endpoint (Host API).",
  "registryDependencies": [
    "@atroui/thumbnail-live-preview"
  ],
  "files": [
    {
      "path": "registry/default/blocks/thumbnail-workspace.tsx",
      "content": "\"use client\"\n\nimport { ThumbnailLivePreview } from \"./thumbnail-live-preview\"\n\n/**\n * Thumbnail workspace shell. Wire CONTENT.endpoint for real exports (Host API).\n */\nconst CONTENT = {\n  endpoint: \"/api/thumbnail\",\n  title: \"How we shipped in 7 days\",\n  subtitle: \"MVP sprint walkthrough\",\n  format: \"youtube\" as const,\n}\n\nexport function ThumbnailWorkspace() {\n  return (\n    <div className=\"space-y-4 rounded-2xl border border-border-subtle bg-card/40 p-4 sm:p-6\">\n      <div>\n        <p className=\"ms-stamp\">Thumbnail workspace</p>\n        <p className=\"mt-2 text-sm text-muted-foreground\">\n          Preview is CSS-only. Point{\" \"}\n          <code className=\"font-mono text-[12px] text-foreground\">\n            CONTENT.endpoint\n          </code>{\" \"}\n          at your thumbnail API to export images.\n        </p>\n      </div>\n      <ThumbnailLivePreview\n        title={CONTENT.title}\n        subtitle={CONTENT.subtitle}\n        format={CONTENT.format}\n      />\n    </div>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/thumbnail-workspace.tsx"
    }
  ],
  "type": "registry:block"
}