{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "switch-8",
  "type": "registry:component",
  "title": "Switch 8",
  "description": "Switch 8. A toggle control that allows users to switch between two states, typically on or off.",
  "dependencies": [
    "react-icons"
  ],
  "registryDependencies": [
    "switch"
  ],
  "files": [
    {
      "path": "components/watermelon/switch-8.tsx",
      "type": "registry:component",
      "content": "'use client';\n\nimport { useState } from 'react';\n\nimport { FiCheck, FiX } from 'react-icons/fi';\n\nimport { Switch } from '@/components/base-ui/switch';\n\nconst Switch8 = () => {\n  const [checked, setChecked] = useState<boolean>(true);\n\n  return (\n    <div>\n      <div className=\"relative inline-grid h-7 grid-cols-[1fr_1fr] items-center text-sm font-medium\">\n        <Switch\n          checked={checked}\n          onCheckedChange={setChecked}\n          className=\"peer data-[state=checked]:bg-input/50 data-[state=unchecked]:bg-input/50 [&_span]:!bg-background absolute inset-0 data-[size=default]:h-[inherit] data-[size=default]:w-14 [&_span]:transition-transform [&_span]:duration-300 [&_span]:ease-[cubic-bezier(0.16,1,0.3,1)] [&_span]:group-data-[size=default]/switch:size-6.5 [&_span]:data-[state=checked]:translate-x-7 [&_span]:data-[state=checked]:rtl:-translate-x-7\"\n          aria-label=\"Switch with icon indicators\"\n        />\n        <span className=\"peer-data-[state=checked]:text-muted-foreground/70 peer-data-[state=unchecked]:text-primary pointer-events-none relative ml-1.75 flex min-w-7 items-center text-center\">\n          <FiCheck className=\"size-4\" aria-hidden=\"true\" />\n        </span>\n        <span className=\"peer-data-[state=unchecked]:text-muted-foreground/70 peer-data-[state=checked]:text-primary pointer-events-none relative -ms-0.25 flex min-w-7 items-center text-center\">\n          <FiX className=\"size-4\" aria-hidden=\"true\" />\n        </span>\n      </div>\n    </div>\n  );\n};\n\nexport default Switch8;\n"
    }
  ]
}