"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../index-DEZRGktf.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=require("../tether-EofDinu3.js"),r=()=>e.jsxs(e.Fragment,{children:[e.jsx(i.HeroCard,{title:"CoinInfoCard",description:"Compact card component for displaying coin information with icon, name, and balance. Supports multiple size variants.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-cyan-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:e.jsx(o.Info,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.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(i.CardContainer,{className:"p-4",children:[e.jsx(i.Typography,{tag:"h5",className:"mb-3",children:"Basic Coin Info"}),e.jsx(i.CoinInfoCard,{item:{id:"bitcoin",name:"Bitcoin",logo:a.bitcoinImg,balance:"1.25 BTC"}})]}),e.jsxs(i.CardContainer,{className:"p-4",children:[e.jsx(i.Typography,{tag:"h5",className:"mb-3",children:"With Coin Type"}),e.jsx(i.CoinInfoCard,{item:{id:"ethereum",name:"Ethereum",logo:a.ethereumImg,balance:"5.5 ETH",coinType:"ERC-20"}})]})]})})})}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Variants",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-3 gap-4",children:[e.jsxs(i.CardContainer,{className:"p-4",children:[e.jsx(i.Typography,{tag:"h5",className:"mb-3",children:"Small (default)"}),e.jsx(i.CoinInfoCard,{item:{id:"bitcoin",name:"Bitcoin",logo:a.bitcoinImg,balance:"1.25 BTC"},variant:"small"})]}),e.jsxs(i.CardContainer,{className:"p-4",children:[e.jsx(i.Typography,{tag:"h5",className:"mb-3",children:"Medium"}),e.jsx(i.CoinInfoCard,{item:{id:"bitcoin",name:"Bitcoin",logo:a.bitcoinImg,balance:"1.25 BTC"},variant:"medium"})]}),e.jsxs(i.CardContainer,{className:"p-4",children:[e.jsx(i.Typography,{tag:"h5",className:"mb-3",children:"Large"}),e.jsx(i.CoinInfoCard,{item:{id:"bitcoin",name:"Bitcoin",logo:a.bitcoinImg,balance:"1.25 BTC"},variant:"large"})]})]})})})}),e.jsx(i.PropPlayground,{componentName:"CoinInfoCard",defaultValues:{variant:"small"},controlOverrides:[{name:"variant",type:"select",options:["small","medium","large"],description:"Size variant of the card"}],includeProps:["variant"],children:n=>e.jsx("div",{className:"w-full max-w-sm",children:e.jsx(i.CoinInfoCard,{...n,item:{id:"bitcoin",name:"Bitcoin",logo:a.bitcoinImg,balance:"1.25 BTC",coinType:"ERC-20"}})})}),e.jsx(i.AutoPropsTable,{componentName:"CoinInfoCard"}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(i.CodeBlock,{language:"tsx",code:`import { CoinInfoCard } from '@e-burgos/tucu-ui';

<CoinInfoCard
  item={{
    id: 'bitcoin',
    name: 'Bitcoin',
    logo: '/icons/bitcoin.svg',
    balance: '1.25 BTC',
    coinType: 'ERC-20', // Optional
  }}
  variant="small" // 'small' | 'medium' | 'large'
/>`})})})})]});exports.default=r;
