"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("../index-DEZRGktf.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");const l=()=>{const[s,a]=t.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"Hamburger",description:`An animated hamburger menu button component, perfect for mobile
          navigation menus.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-blue-600 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(n.Menu,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.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(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Closed State"}),e.jsx(r.Hamburger,{isOpen:!1,onClick:()=>a(!1)})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Open State"}),e.jsx(r.Hamburger,{isOpen:!0,onClick:()=>a(!0)})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Interactive Example"}),e.jsx(r.Hamburger,{isOpen:s,onClick:()=>a(!s)})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"With Different Variants"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(r.Hamburger,{variant:"solid",color:"primary"}),e.jsx(r.Hamburger,{variant:"ghost",color:"primary"}),e.jsx(r.Hamburger,{variant:"transparent"})]})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"Hamburger",defaultValues:{isOpen:!1,color:"primary",size:"medium",variant:"solid"},excludeProps:["onClick","aria-label","aria-describedby","tooltip","tooltipArrow","tooltipColor","tooltipPlacement","isLoading","loaderSize","loaderVariant","fullWidth","disabled"],children:i=>e.jsx(r.Hamburger,{...i})}),e.jsx(r.AutoPropsTable,{componentName:"Hamburger"}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.CodeBlock,{language:"tsx",code:`import { Hamburger } from '@e-burgos/tucu-ui';
import { useState } from 'react';

function MyComponent() {
  const [isOpen, setIsOpen] = useState(false);

  return (
    <Hamburger
      isOpen={isOpen}
      onClick={() => setIsOpen(!isOpen)}
    />
  );
}

// With different variants
<Hamburger variant="solid" color="primary" />
<Hamburger variant="ghost" color="primary" />
<Hamburger variant="transparent" />`})})})})]})};exports.default=l;
