{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "clock-sm-10",
  "type": "registry:component",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "https://wigggle-ui.vercel.app/r/widget.json",
    "https://wigggle-ui.vercel.app/r/switch.json",
    "https://wigggle-ui.vercel.app/r/label.json"
  ],
  "files": [
    {
      "path": "registry/default/widgets/clock/sm/clock-10.tsx",
      "content": "import * as React from \"react\";\nimport { AlarmClockIcon } from \"lucide-react\";\n\nimport { Switch } from \"@/registry/default/ui/switch\";\nimport {\n  Widget,\n  WidgetContent,\n  WidgetHeader,\n  WidgetTitle,\n} from \"@/registry/default/ui/widget\";\nimport { Label } from \"@/registry/default/ui/label\";\n\nconst alarms = [\"7:00 AM\", \"12:30 PM\", \"5:30 PM\", \"10:00 PM\"];\n\nexport default function WidgetDemo() {\n  return (\n    <Widget design=\"mumbai\">\n      <WidgetHeader>\n        <WidgetTitle>Alarms</WidgetTitle>\n        <AlarmClockIcon className=\"size-5\" />\n      </WidgetHeader>\n      <WidgetContent className=\"mt-3 flex-col gap-3\">\n        {alarms.map((alarm) => (\n          <div\n            key={alarm}\n            className=\"flex w-full items-center justify-between space-x-2\"\n          >\n            <Label htmlFor={alarm} className=\"font-semibold\">\n              {alarm}\n            </Label>\n            <Switch id={alarm} />\n          </div>\n        ))}\n      </WidgetContent>\n    </Widget>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "tags": [
      "clock"
    ],
    "size": "sm"
  }
}