{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "clock-sm-07",
  "type": "registry:component",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "https://wigggle-ui.vercel.app/r/widget.json",
    "https://wigggle-ui.vercel.app/r/separator.json",
    "https://wigggle-ui.vercel.app/r/label.json"
  ],
  "files": [
    {
      "path": "registry/default/widgets/clock/sm/clock-07.tsx",
      "content": "import * as React from \"react\";\r\nimport { MoonIcon, SunIcon } from \"lucide-react\";\r\n\r\nimport {\r\n  Widget,\r\n  WidgetContent,\r\n  WidgetTitle,\r\n} from \"@/registry/default/ui/widget\";\r\nimport { Separator } from \"@/registry/default/ui/separator\";\r\nimport { Label } from \"@/registry/default/ui/label\";\r\n\r\nexport default function WidgetDemo() {\r\n  return (\r\n    <Widget>\r\n      <WidgetContent className=\"flex-col justify-between gap-3\">\r\n        <div className=\"flex w-full flex-col gap-2\">\r\n          <div className=\"flex w-full items-center justify-between\">\r\n            <Label>Mumbai</Label>\r\n            <SunIcon className=\"size-5\" />\r\n          </div>\r\n          <WidgetTitle className=\"text-xl\">8:15 AM</WidgetTitle>\r\n        </div>\r\n        <Separator />\r\n        <div className=\"flex w-full flex-col gap-2\">\r\n          <div className=\"flex w-full items-center justify-between\">\r\n            <Label>Vancouver</Label>\r\n            <MoonIcon className=\"size-5\" />\r\n          </div>\r\n          <WidgetTitle className=\"text-xl\">6:45 PM</WidgetTitle>\r\n        </div>\r\n      </WidgetContent>\r\n    </Widget>\r\n  );\r\n}\r\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "tags": [
      "clock"
    ],
    "size": "sm"
  }
}