"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>{const i=[{title:"Performance",description:"Blazing fast performance with optimized rendering and minimal bundle size",icon:e.jsx(s.Zap,{className:"w-8 h-8"})},{title:"Customizable",description:"Highly customizable with extensive theming options and variants",icon:e.jsx(s.Palette,{className:"w-8 h-8"})},{title:"Accessible",description:"Built with accessibility in mind, WCAG 2.1 compliant",icon:e.jsx(s.Users,{className:"w-8 h-8"})},{title:"Responsive",description:"Mobile-first design that works seamlessly across all devices",icon:e.jsx(s.Smartphone,{className:"w-8 h-8"})},{title:"Type Safe",description:"Full TypeScript support with comprehensive type definitions",icon:e.jsx(s.Shield,{className:"w-8 h-8"})},{title:"Documentation",description:"Extensive documentation with examples and best practices",icon:e.jsx(s.BookOpen,{className:"w-8 h-8"})}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"CarouselCards",description:`A carousel component specifically designed for displaying cards with
          customizable sizes and variants.`,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-rose-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Layers,{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(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.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(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Carousel Cards"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselCards,{cardClassName:"min-h-[250px]",cards:i})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Navigation and Pagination"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselCards,{cards:i,showNavigation:!0,showPagination:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Elevated Variant - Medium Size"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselCards,{cards:i,variant:"elevated",cardSize:"md",showNavigation:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Outlined Variant - Large Size"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselCards,{cards:i,variant:"outlined",cardSize:"lg",showPagination:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Filled Variant - Small Size"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselCards,{cards:i,variant:"filled",cardSize:"sm",showNavigation:!0,showPagination:!0})})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"CarouselCards",title:"CarouselCards Playground",defaultValues:{variant:"default",cardSize:"md",showCardTitles:!0,showNavigation:!0,showPagination:!0,loop:!0,grabCursor:!0,direction:"horizontal"},excludeProps:["cards","onSlideChange","onSwiper","breakpoints","autoplay","className","slideClassName","cardClassName","aria-label","effect","paginationType","centeredSlides","freeMode","mousewheel","slidesPerView","spaceBetween"],children:r=>e.jsx(a.CarouselCards,{...r,cards:[{title:"Card 1",description:"Description 1",image:""},{title:"Card 2",description:"Description 2",image:""},{title:"Card 3",description:"Description 3",image:""}]})}),e.jsx(a.AutoPropsTable,{componentName:"CarouselCards"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { CarouselCards, LucideIcons } from '@e-burgos/tucu-ui';

const cards = [
  {
    title: 'Performance',
    description: 'Blazing fast performance with optimized rendering',
    icon: <LucideIcons.Zap className="w-8 h-8" />,
  },
  {
    title: 'Customizable',
    description: 'Highly customizable with extensive theming options',
    icon: <LucideIcons.Palette className="w-8 h-8" />,
  },
  {
    title: 'Accessible',
    description: 'Built with accessibility in mind, WCAG 2.1 compliant',
    icon: <LucideIcons.Users className="w-8 h-8" />,
  },
  // ... more cards
];

// Basic usage
<CarouselCards cards={cards} />

// With navigation and pagination
<CarouselCards cards={cards} showNavigation showPagination />

// Different variants
<CarouselCards cards={cards} variant="elevated" cardSize="md" />
<CarouselCards cards={cards} variant="outlined" cardSize="lg" />
<CarouselCards cards={cards} variant="filled" cardSize="sm" />

// Different sizes
<CarouselCards cards={cards} cardSize="sm" />
<CarouselCards cards={cards} cardSize="md" />
<CarouselCards cards={cards} cardSize="lg" />
<CarouselCards cards={cards} cardSize="xl" />`})})})})]})};exports.default=t;
