{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "switch-03",
  "title": "Coloured switch",
  "description": "A switch that turns the success hue when it is on.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.ndekocode.dev/r/label.json",
    "https://ui.ndekocode.dev/r/switch.json",
    "https://ui.ndekocode.dev/r/theme.json"
  ],
  "files": [
    {
      "path": "registry/ndeko/components/switch/switch-03.tsx",
      "content": "import { useId } from 'react';\n\nimport { Label } from '@/registry/ndeko/ui/label';\nimport { Switch } from '@/registry/ndeko/ui/switch';\n\nexport default function Switch03() {\n  const id = useId();\n\n  return (\n    <div className='inline-flex items-center gap-2 [--primary:var(--success)] [--ring:var(--success)]'>\n      <Switch id={id} defaultChecked />\n      <Label htmlFor={id} className='sr-only'>\n        Accept new orders\n      </Label>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "components",
    "switch"
  ],
  "type": "registry:component"
}