"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>{const l=[e.jsx("div",{className:"h-64 w-full bg-gradient-to-br from-brand to-sky-500 rounded-lg flex items-center justify-center text-white text-2xl",children:"Slide 1"},"1"),e.jsx("div",{className:"h-64 w-full bg-gradient-to-br from-brand to-green-500 rounded-lg flex items-center justify-center text-white text-2xl",children:"Slide 2"},"2"),e.jsx("div",{className:"h-64 w-full bg-gradient-to-br from-brand to-purple-500 rounded-lg flex items-center justify-center text-white text-2xl",children:"Slide 3"},"3")];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Carousel",description:`A powerful carousel component built on Swiper.js with support for
          navigation, pagination, autoplay, and various effects.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-pink-500 to-rose-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(r.GalleryHorizontal,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Basic Carousel"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{children:l})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Navigation"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{showNavigation:!0,children:l})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Pagination"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{showPagination:!0,children:l})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Multiple Slides"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{slidesPerView:2,spaceBetween:20,children:l})})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"Carousel",title:"Carousel Playground",defaultValues:{direction:"horizontal",effect:"slide",loop:!0,showNavigation:!0,showPagination:!0,paginationType:"bullets",grabCursor:!0,centeredSlides:!1,freeMode:!1,mousewheel:!1,slidesPerView:1,spaceBetween:16},excludeProps:["onSlideChange","onSwiper","breakpoints","autoplay","className","slideClassName","aria-label"],children:i=>e.jsx(s.Carousel,{...i,children:[1,2,3,4].map(a=>e.jsx("div",{className:"h-40 rounded-lg bg-brand/20 flex items-center justify-center",children:e.jsxs(s.Typography,{tag:"h4",children:["Slide ",a]})},a))})}),e.jsx(s.AutoPropsTable,{componentName:"Carousel"}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { Carousel } from '@e-burgos/tucu-ui';

const slides = [
  <div key="1">Slide 1</div>,
  <div key="2">Slide 2</div>,
  <div key="3">Slide 3</div>,
];

// Basic usage
<Carousel>{slides}</Carousel>

// With navigation
<Carousel showNavigation>{slides}</Carousel>

// With pagination
<Carousel showPagination>{slides}</Carousel>

// Multiple slides per view
<Carousel slidesPerView={2} spaceBetween={20}>
  {slides}
</Carousel>

// With autoplay
<Carousel autoplay={{ delay: 3000 }}>{slides}</Carousel>`})})})})]})};exports.default=t;
