import{d as c,aC as t,R as e,B as o,z as d,aI as u}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const E={title:"UI/Drawer",component:c,parameters:{layout:"fullscreen"},tags:["autodocs"]},h={render:()=>{const[n,l]=t.useState(!1),r=t.useCallback(()=>{l(s=>!s)},[]),a=t.useCallback(()=>{l(!1)},[]);return e.createElement("div",{style:{padding:"20px"}},e.createElement(c,{isOpen:n,onClose:a},e.createElement("div",{style:{padding:"20px"}},e.createElement("h2",null,"Drawer Content"),e.createElement("p",null,"This is the content inside the drawer."),e.createElement("p",null,"Press ESC to close."))),e.createElement(o,{onClick:r},n?"Close Drawer":"Open Drawer"))}},g={render:()=>{const[n,l]=t.useState(!1),r=t.useCallback(()=>{l(s=>!s)},[]),a=t.useCallback(()=>{l(!1)},[]);return e.createElement("div",{style:{padding:"20px"}},e.createElement(c,{isOpen:n,onClose:a,closeOnEsc:!1},e.createElement("div",{style:{padding:"20px"}},e.createElement("h2",null,"Drawer Without ESC Close"),e.createElement("p",null,"This drawer will not close when you press ESC."),e.createElement("p",null,"Use the button below to close it."),e.createElement(o,{onClick:a},"Close Drawer"))),e.createElement(o,{onClick:r},n?"Close Drawer":"Open Drawer (No ESC Close)"))}},w={render:()=>{const[n,l]=t.useState(!1),r=t.useCallback(()=>{l(s=>!s)},[]),a=t.useCallback(()=>{l(!1)},[]);return e.createElement("div",{style:{padding:"20px"}},e.createElement(c,{isOpen:n,onClose:a},e.createElement("div",{style:{padding:"20px"}},e.createElement("h2",null,"Drawer with Long Content"),e.createElement("p",null,"This drawer has enough content to demonstrate scrolling behavior."),Array(20).fill(0).map((s,i)=>e.createElement(d,{key:i,vertical:!0,horizontal:!0}," ",e.createElement("h3",null,"Section ",i+1),e.createElement("p",null,"This is content section ",i+1," in the scrollable drawer."))))),e.createElement(o,{onClick:r},n?"Close Drawer":"Open Drawer with Long Content"))}},p=u(c,{"&&":{background:"linear-gradient(to bottom, #c5f7fa, #63cfe2)"}}),D={render:()=>{const[n,l]=t.useState(!1),r=t.useCallback(()=>{l(s=>!s)},[]),a=t.useCallback(()=>{l(!1)},[]);return e.createElement("div",{style:{padding:"20px"}},e.createElement(p,{isOpen:n,onClose:a},e.createElement("div",{style:{padding:"20px"}},e.createElement("h2",null,"Custom Styled Drawer"),e.createElement("p",null,"This drawer has custom styling with a gradient background"),e.createElement(o,{onClick:a},"Close Drawer"))),e.createElement(o,{onClick:r},n?"Close Custom Drawer":"Open Custom Drawer"))}},f=["Default","NoEscClose","WithLongContent","CustomStyled"];export{D as CustomStyled,h as Default,g as NoEscClose,w as WithLongContent,f as __namedExportsOrder,E as default};
