"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),l=require("../index-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react-dom");function c(a){const[o,s]=n.useState("day");return e.jsx(l.MacOSTahoeSegmentedControl,{options:[{label:"Day",value:"day"},{label:"Week",value:"week"},{label:"Month",value:"month"}],value:o,onChange:s,size:a.size,fullWidth:a.fullWidth})}const i=()=>{const[a,o]=n.useState("list"),[s,d]=n.useState("all");return e.jsxs(e.Fragment,{children:[e.jsx(l.HeroCard,{title:"Segmented Control",description:"Glass-material segmented control with prominent backdrop for the active segment. Supports icons, sizes, full-width mode, and disabled options.",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-teal-500 via-emerald-500 to-green-600 rounded-full flex items-center justify-center shadow-lg border border-teal-500/50",children:e.jsx(t.ToggleLeft,{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,{children:e.jsx(l.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-4 items-start",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-(--macos-tahoe-text-muted) mb-1 block",children:"Small"}),e.jsx(l.MacOSTahoeSegmentedControl,{size:"sm",options:[{label:"Day",value:"day"},{label:"Week",value:"week"},{label:"Month",value:"month"}],value:"day",onChange:()=>{}})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-(--macos-tahoe-text-muted) mb-1 block",children:"Medium (default)"}),e.jsx(l.MacOSTahoeSegmentedControl,{size:"md",options:[{label:"Day",value:"day"},{label:"Week",value:"week"},{label:"Month",value:"month"}],value:"week",onChange:()=>{}})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-(--macos-tahoe-text-muted) mb-1 block",children:"Large"}),e.jsx(l.MacOSTahoeSegmentedControl,{size:"lg",options:[{label:"Day",value:"day"},{label:"Week",value:"week"},{label:"Month",value:"month"}],value:"month",onChange:()=>{}})]})]})})}),e.jsx(l.CardContainer,{children:e.jsxs(l.CardTitle,{title:"With Icons",className:"mt-2 mb-2",children:[e.jsx(l.MacOSTahoeSegmentedControl,{options:[{label:"List",value:"list",icon:e.jsx(t.List,{className:"h-3.5 w-3.5"})},{label:"Grid",value:"grid",icon:e.jsx(t.Grid3x3,{className:"h-3.5 w-3.5"})},{label:"Columns",value:"columns",icon:e.jsx(t.Columns3,{className:"h-3.5 w-3.5"})}],value:a,onChange:o}),e.jsxs("p",{className:"mt-2 text-[12px] text-(--macos-tahoe-text-muted)",children:["Selected: ",a]})]})}),e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"Full Width",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-md",children:e.jsx(l.MacOSTahoeSegmentedControl,{fullWidth:!0,options:[{label:"All",value:"all"},{label:"Active",value:"active"},{label:"Archived",value:"archived"}],value:s,onChange:d})})})}),e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"With Disabled Option",className:"mt-2 mb-2",children:e.jsx(l.MacOSTahoeSegmentedControl,{options:[{label:"Option A",value:"a"},{label:"Option B",value:"b",disabled:!0},{label:"Option C",value:"c"}],value:"a",onChange:()=>{}})})}),e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(l.CodeBlock,{code:`import { MacOSTahoeSegmentedControl } from '@e-burgos/tucu-ui';

<MacOSTahoeSegmentedControl
  options={[
    { label: 'List', value: 'list', icon: <ListIcon /> },
    { label: 'Grid', value: 'grid', icon: <GridIcon /> },
  ]}
  value={view}
  onChange={setView}
  size="md"
  fullWidth={false}
/>`,language:"tsx"})})}),e.jsx(l.PropPlayground,{componentName:"MacOSTahoeSegmentedControl",defaultValues:{size:"md",fullWidth:!1},includeProps:["size","fullWidth"],excludeProps:["className","options","value","onChange"],children:r=>e.jsx(c,{...r})}),e.jsx(l.AutoPropsTable,{componentName:"MacOSTahoeSegmentedControl"})]})};exports.TahoeSegmentedControlSection=i;exports.default=i;
