{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "settings-card",
  "type": "registry:component",
  "description": "A Card component with optional code display for UI blocks.",
  "dependencies": [
    "@iconify/react"
  ],
  "registryDependencies": [
    "card",
    "button",
    "progress",
    "switch"
  ],
  "files": [
    {
      "path": "src/app/components/ui-blocks/cards/code/SettingsCardCode.tsx",
      "content": "\"use client\";\r\nimport React from \"react\";\r\nimport { Card } from '@/components/ui/card'\r\nimport { useState } from \"react\";\r\nimport { Icon } from \"@iconify/react\";\r\nimport { Progress } from \"@/components/ui/progress\";\r\nimport { Button } from \"@/components/ui/button\";\r\nimport { Switch } from \"@/components/ui/switch\";\r\nconst SettingsCard = () => {\r\n  const [switch1, setSwitch1] = useState(false);\r\n  return (\r\n    <>\r\n      <Card className=\"flex flex-col gap-2\">\r\n        <h3 className=\"font-semibold text-lg text-inherit\">Settings</h3>\r\n        <div className=\"flex  gap-3 mt-3 border-b border-ld pb-4\">\r\n          <div>\r\n            <div className=\"h-12 w-12 rounded-md bg-primary flex justify-center items-center text-white\">\r\n              <Icon icon=\"solar:volume-loud-outline\" height={20} />\r\n            </div>\r\n          </div>\r\n          <div className=\"w-full\">\r\n            <div className=\"flex justify-between items-center pb-2\">\r\n              <p className=\"text-base text-inherit\">Sound</p>\r\n              <p className=\"text-sm text-darklink\">45%</p>\r\n            </div>\r\n            <Progress\r\n              variant=\"primary\"\r\n              value={45}\r\n              className=\"w-full\"\r\n            />\r\n          </div>\r\n        </div>\r\n        <div className=\"flex  gap-3 mt-2 border-b border-ld items-center pb-4\">\r\n          <div>\r\n            <div className=\"h-12 w-12 rounded-md bg-secondary flex justify-center items-center text-white\">\r\n              <Icon icon=\"tabler:message-2\" height={20} />\r\n            </div>\r\n          </div>\r\n          <div className=\"w-full\">\r\n            <div className=\"flex justify-between items-center\">\r\n              <div>\r\n                <p className=\"text-base text-inherit\">Chat</p>\r\n                <p>Turn on chat during call%</p>\r\n              </div>\r\n              <Switch\r\n                checked={switch1}\r\n                onCheckedChange={setSwitch1}\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"flex justify-end gap-3 mt-2\">\r\n          <Button variant={'lighterror'}>Cancel</Button>\r\n          <Button>Save</Button>\r\n        </div>\r\n      </Card>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default SettingsCard;\r\n",
      "type": "registry:component",
      "target": "components/tailwind-admin/cards/settings-card/SettingsCardCode.tsx"
    }
  ]
}