{
  "name": "relative-time-card-timezones-demo",
  "type": "registry:example",
  "registryDependencies": [
    "hover-card",
    "relative-time-card"
  ],
  "files": [
    {
      "path": "examples/relative-time-card-timezones-demo.tsx",
      "type": "registry:example",
      "content": "import { RelativeTimeCard } from \"@/registry/bases/radix/ui/relative-time-card\";\n\nexport default function RelativeTimeCardTimezonesDemo() {\n  const now = new Date();\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <RelativeTimeCard\n        date={now}\n        timezones={[\n          \"America/Los_Angeles\",\n          \"America/New_York\",\n          \"Europe/London\",\n          \"Asia/Singapore\",\n          \"Asia/Tokyo\",\n        ]}\n      />\n      <RelativeTimeCard\n        date={now}\n        timezones={[\n          \"America/Chicago\",\n          \"Europe/Paris\",\n          \"Asia/Dubai\",\n          \"Australia/Sydney\",\n        ]}\n      />\n      <RelativeTimeCard date={now} timezones={[\"UTC\"]} />\n    </div>\n  );\n}\n",
      "target": ""
    }
  ]
}