{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "files": [
    {
      "content": "import { Card } from \"~/registry/ui/card\";\nimport { Carousel } from \"~/registry/ui/carousel\";\n\nexport function CarouselSpacingDemo() {\n  return (\n    <Carousel.Root className=\"w-full max-w-sm\">\n      <Carousel.Content className=\"-ml-1\">\n        {Array.from({ length: 5 }).map((_, index) => (\n          // biome-ignore lint/suspicious/noArrayIndexKey: This is fine\n          <Carousel.Item className=\"pl-1 md:basis-1/2 lg:basis-1/3\" key={index}>\n            <div className=\"p-1\">\n              <Card.Root>\n                <Card.Content className=\"flex aspect-square items-center justify-center p-6\">\n                  <span className=\"font-semibold text-2xl\">{index + 1}</span>\n                </Card.Content>\n              </Card.Root>\n            </div>\n          </Carousel.Item>\n        ))}\n      </Carousel.Content>\n      <Carousel.Previous />\n      <Carousel.Next />\n    </Carousel.Root>\n  );\n}\n",
      "path": "src/registry/examples/carousel/carousel-spacing-demo.tsx",
      "type": "registry:example"
    }
  ],
  "name": "carousel-spacing-demo",
  "registryDependencies": [
    "@kanpeki/carousel",
    "@kanpeki/card"
  ],
  "type": "registry:example"
}