Carousel

import { Card, CardContent } from "@/registry/axon/ui/card";import {  Carousel,  CarouselContent,  CarouselItem,  CarouselNext,  CarouselPrevious,} from "@/registry/axon/ui/carousel";export default function CarouselDemo() {  return (    <Carousel className="w-full max-w-xs">      <CarouselContent>        {Array.from({ length: 5 }).map((_, index) => (          <CarouselItem key={index}>            <div className="p-1">              <Card>                <CardContent className="flex aspect-square items-center justify-center p-6">                  <span className="font-semibold text-4xl">{index + 1}</span>                </CardContent>              </Card>            </div>          </CarouselItem>        ))}      </CarouselContent>      <CarouselPrevious />      <CarouselNext />    </Carousel>  );}