"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),l=require("../index-DEZRGktf.js"),r=require("lucide-react");require("react-router-dom");require("react-dom");const d=()=>{const[o,c]=n.useState(null),a=[{icon:"https://i.pravatar.cc/80?img=1",name:"CryptoPunks",value:"crypto-punks"},{icon:"https://i.pravatar.cc/80?img=5",name:"Bored Ape Yacht Club",value:"bayc"},{icon:"https://i.pravatar.cc/80?img=12",name:"Azuki",value:"azuki"},{icon:"https://i.pravatar.cc/80?img=20",name:"Doodles",value:"doodles"},{icon:"https://i.pravatar.cc/80?img=25",name:"CloneX",value:"clonex"},{icon:"https://i.pravatar.cc/80?img=30",name:"Moonbirds",value:"moonbirds"},{icon:"https://i.pravatar.cc/80?img=35",name:"Pudgy Penguins",value:"pudgy-penguins"},{icon:"https://i.pravatar.cc/80?img=40",name:"World of Women",value:"wow"}],s=[{icon:"https://i.pravatar.cc/80?img=50",name:"Art Blocks",value:"art-blocks"},{icon:"https://i.pravatar.cc/80?img=55",name:"Nouns",value:"nouns"},{icon:"https://i.pravatar.cc/80?img=60",name:"Loot",value:"loot"}];return e.jsxs(e.Fragment,{children:[e.jsx(l.HeroCard,{title:"CollectionSelectList",description:"A searchable list with keyboard navigation for selecting NFT collections. Supports filtering, highlight, and ARIA roles.",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-emerald-500 via-green-500 to-lime-500 rounded-full flex items-center justify-center shadow-lg border border-emerald-500/50",children:e.jsx(r.ListChecks,{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(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"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-6",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx(l.Typography,{tag:"h5",children:"Full Collection (8 items)"}),o&&e.jsxs("div",{className:"text-xs text-brand font-medium bg-brand/10 rounded-lg px-3 py-1.5 inline-block",children:["Selected: ",o]}),e.jsx(l.CollectionSelectList,{collectionList:a,onSelect:c})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(l.Typography,{tag:"h5",children:"Short List + Custom Placeholder"}),e.jsx(l.CollectionSelectList,{collectionList:s,onSelect:t=>console.log("Selected:",t),placeholder:"Find a collection...",noResultsMessage:"No matching collections"})]})]})})})}),e.jsx(l.PropPlayground,{componentName:"CollectionSelectList",defaultValues:{placeholder:"Search collections...",noResultsMessage:"No collections found"},controlOverrides:[{name:"placeholder",type:"text",description:"Placeholder text for the search input"},{name:"noResultsMessage",type:"text",description:"Message shown when no results match"}],includeProps:["placeholder","noResultsMessage"],children:t=>e.jsx("div",{className:"w-full max-w-md",children:e.jsx(l.CollectionSelectList,{collectionList:s,onSelect:i=>console.log("Selected:",i),placeholder:t.placeholder,noResultsMessage:t.noResultsMessage})})}),e.jsx(l.AutoPropsTable,{componentName:"CollectionSelectList"}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(l.CodeBlock,{language:"tsx",code:`import { CollectionSelectList } from '@e-burgos/tucu-ui';

const collections = [
  { icon: '/avatars/punks.jpg', name: 'CryptoPunks', value: 'crypto-punks' },
  { icon: '/avatars/bayc.jpg', name: 'Bored Ape Yacht Club', value: 'bayc' },
  { icon: '/avatars/azuki.jpg', name: 'Azuki', value: 'azuki' },
  { icon: '/avatars/doodles.jpg', name: 'Doodles', value: 'doodles' },
];

<CollectionSelectList
  collectionList={collections}
  onSelect={(value) => console.log('Selected:', value)}
  placeholder="Search collections..."
  noResultsMessage="No collections found"
/>`})})})})]})};exports.default=d;
