{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "connector-card-states",
  "type": "registry:example",
  "title": "Connector Card States",
  "registryDependencies": [
    "https://seamui.dev/r/connector-card.json"
  ],
  "files": [
    {
      "path": "registry/seam/examples/connector-card-states.tsx",
      "content": "import { GitBranch } from \"lucide-react\"\n\nimport { ConnectorCard } from \"@/registry/seam/ui/connector-card\"\n\n// The four OAuth states: connected carries the per-conversation switch;\n// needs-auth and error take the one sanctioned hue.\nexport default function ConnectorCardStates() {\n  return (\n    <div className=\"flex w-full max-w-sm flex-col gap-3\">\n      <ConnectorCard\n        name=\"GitHub\"\n        icon={<GitBranch />}\n        connection=\"connected\"\n        enabled\n      />\n      <ConnectorCard\n        name=\"GitHub\"\n        icon={<GitBranch />}\n        connection=\"disconnected\"\n      />\n      <ConnectorCard\n        name=\"GitHub\"\n        icon={<GitBranch />}\n        connection=\"needs-auth\"\n      />\n      <ConnectorCard name=\"GitHub\" icon={<GitBranch />} connection=\"error\" />\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ]
}