"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("../index-DEZRGktf.js"),d=require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[r,l]=t.useState(""),[i,c]=t.useState("Documents");return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Search Bar",description:"Liquid Glass search field with glass material background, clear button, and submit/escape keyboard support.",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-cyan-500 via-sky-500 to-blue-600 rounded-full flex items-center justify-center shadow-lg border border-cyan-500/50",children:e.jsx(d.Search,{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,{children:e.jsx(a.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-4 max-w-sm",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-[var(--macos-tahoe-text-muted)] mb-1 block",children:"Small"}),e.jsx(a.MacOSTahoeSearchBar,{size:"sm",placeholder:"Search...",className:"w-full"})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-[var(--macos-tahoe-text-muted)] mb-1 block",children:"Medium (default)"}),e.jsx(a.MacOSTahoeSearchBar,{size:"md",placeholder:"Search...",className:"w-full"})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-[var(--macos-tahoe-text-muted)] mb-1 block",children:"Large"}),e.jsx(a.MacOSTahoeSearchBar,{size:"lg",placeholder:"Search...",className:"w-full"})]})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Interactive",className:"mt-2 mb-2",children:e.jsxs("div",{className:"max-w-md space-y-3",children:[e.jsx(a.MacOSTahoeSearchBar,{value:r,onChange:l,onClear:()=>l(""),onSubmit:s=>alert(`Searched: ${s}`),placeholder:"Type and press Enter...",className:"w-full"}),e.jsxs("p",{className:"text-[12px] text-[var(--macos-tahoe-text-muted)]",children:["Current value: “",r,"”"]})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"With Pre-filled Value",className:"mt-2 mb-2",children:e.jsx(a.MacOSTahoeSearchBar,{value:i,onChange:c,onClear:()=>c(""),size:"lg",className:"max-w-sm"})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeSearchBar } from '@e-burgos/tucu-ui';

<MacOSTahoeSearchBar
  value={query}
  placeholder="Search files..."
  size="md"
  onChange={setQuery}
  onClear={() => setQuery('')}
  onSubmit={(q) => search(q)}
/>`,language:"tsx"})})}),e.jsx(a.PropPlayground,{componentName:"MacOSTahoeSearchBar",defaultValues:{placeholder:"Search...",size:"md",autoFocus:!1},includeProps:["placeholder","size","autoFocus"],excludeProps:["className","value","onChange","onClear","onSubmit"],children:s=>e.jsx("div",{className:"max-w-sm",children:e.jsx(a.MacOSTahoeSearchBar,{...s,className:"w-full"})})}),e.jsx(a.AutoPropsTable,{componentName:"MacOSTahoeSearchBar"})]})};exports.TahoeSearchBarSection=o;exports.default=o;
