"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"TransactionInfo",description:"Simple component for displaying transaction information with label and value. Perfect for showing blockchain transaction details.",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-slate-500 via-gray-500 to-zinc-500 rounded-full flex items-center justify-center shadow-lg border border-slate-500/50",children:e.jsx(l.Receipt,{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(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:"With Value"}),e.jsx(a.TransactionInfo,{label:"Transaction Hash",value:"0x1234...5678"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Without Value"}),e.jsx(a.TransactionInfo,{label:"Gas Fee"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Number Value"}),e.jsx(a.TransactionInfo,{label:"Block Number",value:12345678})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"TransactionInfo",defaultValues:{label:"Transaction Hash",value:"0x1234...5678"},controlOverrides:[{name:"label",type:"text",description:"Label text for the transaction field"},{name:"value",type:"text",description:"Value to display (string or number)"}],includeProps:["label","value"],children:s=>e.jsx("div",{className:"w-full max-w-md",children:e.jsx(a.TransactionInfo,{label:s.label,value:s.value})})}),e.jsx(a.AutoPropsTable,{componentName:"TransactionInfo"}),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 { TransactionInfo } from '@e-burgos/tucu-ui';

<TransactionInfo
  label="Transaction Hash"
  value="0x1234...5678"
/>

<TransactionInfo
  label="Gas Fee"
  // value is optional, shows "_ _" if not provided
/>

<TransactionInfo
  label="Block Number"
  value={12345678}
/>`})})})})]});exports.default=n;
