{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-toggle-14","type":"registry:block","title":"Toggle as mute/unmute button","description":"Toggle as mute/unmute button","dependencies":[],"registryDependencies":["toggle"],"files":[{"path":"c-toggle-14.tsx","type":"registry:block","content":"\"use client\"\n\nimport { useState } from \"react\"\n\nimport { Toggle } from \"@/components/ui/toggle\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nexport function Pattern() {\n  const [muted, setMuted] = useState(false)\n\n  return (\n    <div className=\"flex items-center justify-center\">\n      <Toggle\n        size=\"lg\"\n        variant=\"outline\"\n        aria-label=\"Toggle mute\"\n        pressed={muted}\n        onPressedChange={setMuted}\n      >\n        {muted ? (\n          <IconPlaceholder\n            lucide=\"VolumeOffIcon\"\n            tabler=\"IconVolumeOff\"\n            hugeicons=\"VolumeOffIcon\"\n            phosphor=\"SpeakerSlashIcon\"\n            remixicon=\"RiVolumeOffVibrateLine\"\n          />\n        ) : (\n          <IconPlaceholder\n            lucide=\"Volume2Icon\"\n            tabler=\"IconVolume\"\n            hugeicons=\"VolumeHighIcon\"\n            phosphor=\"SpeakerHighIcon\"\n            remixicon=\"RiVolumeUpLine\"\n          />\n        )}\n        {muted ? \"Muted\" : \"Sound\"}\n      </Toggle>\n    </div>\n  )\n}","target":"components/examples/c-toggle-14.tsx"}],"meta":{"order":14}}