{
  "name": "status-demo",
  "type": "registry:example",
  "registryDependencies": [
    "status"
  ],
  "files": [
    {
      "path": "examples/status-demo.tsx",
      "type": "registry:example",
      "content": "import {\n  Status,\n  StatusIndicator,\n  StatusLabel,\n} from \"@/registry/bases/radix/ui/status\";\n\nexport default function StatusDemo() {\n  return (\n    <div className=\"flex flex-wrap items-center gap-2.5\">\n      <Status variant=\"success\">\n        <StatusIndicator />\n        <StatusLabel>Online</StatusLabel>\n      </Status>\n\n      <Status variant=\"error\">\n        <StatusIndicator />\n        <StatusLabel>Offline</StatusLabel>\n      </Status>\n\n      <Status variant=\"warning\">\n        <StatusIndicator />\n        <StatusLabel>Away</StatusLabel>\n      </Status>\n\n      <Status variant=\"info\">\n        <StatusIndicator />\n        <StatusLabel>Idle</StatusLabel>\n      </Status>\n\n      <Status variant=\"default\">\n        <StatusIndicator />\n        <StatusLabel>Unknown</StatusLabel>\n      </Status>\n    </div>\n  );\n}\n",
      "target": ""
    }
  ]
}