"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"CardContainer",description:`A container component that provides consistent styling and layout for
          card-based content.`,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-purple-500 to-violet-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(r.LayoutGrid,{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:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Card"}),e.jsx(a.CardContainer,{children:e.jsx(a.Typography,{tag:"p",children:"Card content goes here"})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Custom Content"}),e.jsxs(a.CardContainer,{children:[e.jsx(a.Typography,{tag:"h3",className:"font-bold mb-2",children:"Card Title"}),e.jsx(a.Typography,{tag:"p",children:"This is a card with custom content including a title and description."})]})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"CardContainer"}),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 { CardContainer, Typography } from '@e-burgos/tucu-ui';

// Basic usage
<CardContainer>
  <Typography tag="p">Card content goes here</Typography>
</CardContainer>

// With custom content
<CardContainer>
  <Typography tag="h3" className="font-bold mb-2">
    Card Title
  </Typography>
  <Typography tag="p">
    Card description and content
  </Typography>
</CardContainer>

// With custom className
<CardContainer className="bg-blue-50">
  <Typography tag="p">Custom styled card</Typography>
</CardContainer>`})})})})]});exports.default=t;
