{
  "name": "UsedByChip",
  "package": "@magicblocksai/ui",
  "file": "packages/ui/src/components/UsedByChip.tsx",
  "chapterTag": "18 Agent Builder",
  "chapter": "18-agent-builder.html",
  "sectionId": "agent-frame",
  "elName": "UsedByChip",
  "demoUrl": "https://brand.magicblocks.ai/components/18-agent-builder#agent-frame",
  "hasLiveDemo": false,
  "description": "Usage indicator for a shared shelf item (persona, snippet, form, goal) on\nthe Agents HQ — \"Used by 4 agents\", or a calm \"Not used yet\" at zero so\nunused rows read as an invitation, not an error.",
  "useClient": false,
  "interactivity": "display",
  "namedExports": [
    {
      "name": "UsedByChip",
      "isPrincipal": true,
      "isType": false
    },
    {
      "name": "UsedByChipProps",
      "isPrincipal": false,
      "isType": true
    }
  ],
  "importStatement": "import { UsedByChip } from \"@magicblocksai/ui\";",
  "props": [
    {
      "name": "count",
      "optional": false,
      "type": "number",
      "doc": "How many agents currently reference this shared item."
    }
  ],
  "classesUsed": [],
  "examples": {
    "react": "<UsedByChip count={4} />",
    "html": "<div style=\"display:flex;gap:12px;flex-wrap:wrap;align-items:center\"><span class=\"chip chip-blue\">Used by 4 agents</span><span class=\"chip chip-blue\">Used by 1 agent</span><span class=\"chip\">Not used yet</span></div>",
    "css": null
  }
}