{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "switch-3",
  "type": "registry:component",
  "title": "Switch 3",
  "description": "Switch 3. A toggle control that allows users to switch between two states, typically on or off.",
  "dependencies": [],
  "registryDependencies": [
    "switch"
  ],
  "files": [
    {
      "path": "components/watermelon/switch-3.tsx",
      "type": "registry:component",
      "content": "import { Switch } from '@/components/base-ui/switch';\n\nconst Switch3 = () => {\n  return (\n    <div className=\"flex items-center gap-3\">\n      <Switch\n        className=\"focus-visible:border-destructive focus-visible:ring-destructive/20 data-[state=checked]:bg-destructive dark:focus-visible:ring-destructive/40\"\n        aria-label=\"Destructive Switch\"\n        defaultChecked\n      />\n      <Switch\n        className=\"focus-visible:border-ring-teal-600 dark:focus-visible:border-ring-teal-400 focus-visible:ring-teal-600/20 data-[state=checked]:bg-teal-600 dark:focus-visible:ring-teal-400/40 dark:data-[state=checked]:bg-teal-400\"\n        aria-label=\"Success Switch\"\n        defaultChecked\n      />\n      <Switch\n        className=\"focus-visible:border-ring-blue-600 dark:focus-visible:border-ring-blue-400 focus-visible:ring-blue-600/20 data-[state=checked]:bg-blue-600 dark:focus-visible:ring-blue-400/40 dark:data-[state=checked]:bg-blue-400\"\n        aria-label=\"Info Switch\"\n        defaultChecked\n      />\n      <Switch\n        className=\"focus-visible:border-ring-amber-600 dark:focus-visible:border-ring-amber-400 focus-visible:ring-amber-600/20 data-[state=checked]:bg-amber-600 dark:focus-visible:ring-amber-400/40 dark:data-[state=checked]:bg-amber-400\"\n        aria-label=\"Warning Switch\"\n        defaultChecked\n      />\n    </div>\n  );\n};\n\nexport default Switch3;\n"
    }
  ]
}