{
  "name": "date-wheel-picker-sizes-demo",
  "registryDependencies": [
    "date-wheel-picker"
  ],
  "files": [
    {
      "path": "examples/date-wheel-picker-sizes-demo.tsx",
      "content": "\"use client\";\n\nimport { useState } from \"react\";\nimport { DateWheelPicker } from \"@/registry/default/ui/date-wheel-picker\";\n\nexport default function DateWheelPickerSizesDemo() {\n  const [date, setDate] = useState<Date>(new Date());\n\n  return (\n    <div className=\"relative flex w-full flex-col items-center justify-center gap-8 py-8\">\n      <div className=\"flex flex-col items-center gap-2\">\n        <span className=\"font-medium text-muted-foreground text-sm\">Small</span>\n        <DateWheelPicker value={date} onChange={setDate} size=\"sm\" />\n      </div>\n      <div className=\"flex flex-col items-center gap-2\">\n        <span className=\"font-medium text-muted-foreground text-sm\">\n          Medium (default)\n        </span>\n        <DateWheelPicker value={date} onChange={setDate} size=\"md\" />\n      </div>\n      <div className=\"flex flex-col items-center gap-2\">\n        <span className=\"font-medium text-muted-foreground text-sm\">Large</span>\n        <DateWheelPicker value={date} onChange={setDate} size=\"lg\" />\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:example",
      "target": ""
    }
  ],
  "type": "registry:example"
}