{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "carousel-options-example",
  "title": "Carousel Options",
  "description": "carousel-options-example",
  "registryDependencies": [
    "https://intentui.com/r/card",
    "https://intentui.com/r/carousel"
  ],
  "files": [
    {
      "path": "src/components/examples/media/carousel/carousel-options-example.tsx",
      "content": "import { Card, CardTitle } from '@/components/ui/card'\nimport {\n  Carousel,\n  CarouselButton,\n  CarouselContent,\n  CarouselHandler,\n  CarouselItem,\n} from '@/components/ui/carousel'\n\nexport default function CarouselOptionsDemo() {\n  return (\n    <Carousel\n      opts={{\n        align: 'center',\n        loop: true,\n      }}\n      className=\"w-full max-w-2xl\"\n    >\n      <CarouselContent>\n        {Array.from({ length: 16 }, (_, id) => ({ id: id + 1 })).map(({ id }) => (\n          <CarouselItem key={id} className=\"basis-1/2 lg:basis-1/3\">\n            <Card className=\"flex aspect-square items-center justify-center\">\n              <CardTitle>{id}</CardTitle>\n            </Card>\n          </CarouselItem>\n        ))}\n      </CarouselContent>\n\n      <CarouselHandler>\n        <CarouselButton segment=\"previous\" />\n        <CarouselButton segment=\"next\" />\n      </CarouselHandler>\n    </Carousel>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/carousel-options-example/page.tsx"
    }
  ],
  "type": "registry:page"
}