var Component=(()=>{var w=Object.create;var s=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var g=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports),x=(r,e)=>{for(var t in e)s(r,t,{get:e[t],enumerable:!0})},i=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of l(e))!u.call(r,a)&&a!==t&&s(r,a,{get:()=>e[a],enumerable:!(o=D(e,a))||o.enumerable});return r};var y=(r,e,t)=>(t=r!=null?w(h(r)):{},i(e||!r||!r.__esModule?s(t,"default",{value:r,enumerable:!0}):t,r)),C=r=>i(s({},"__esModule",{value:!0}),r);var p=g((j,d)=>{d.exports=_jsx_runtime});var B={};x(B,{default:()=>N,frontmatter:()=>f});var n=y(p()),f={title:"Drawer",description:"A triggerable drawer that overlaps whatever page it's on.",component:!0};function m(r){let e=Object.assign({span:"span",h2:"h2",hr:"hr",pre:"pre",code:"code"},r.components),{ComponentExample:t,ComponentReference:o}=e;return t||c("ComponentExample",!0),o||c("ComponentReference",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t,{name:"drawer-demo",children:(0,n.jsx)(e.span,{__src__:"src/examples/drawer-demo.tsx",code:`import { Button, Drawer, Text } from "@medusajs/ui" export function DrawerDemo() { return ( Edit Variant This is where you edit the variant's details ) }`})}),` `,(0,n.jsx)(e.h2,{children:"Usage"}),` `,(0,n.jsx)(e.hr,{}),` `,(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-tsx",children:`import { Drawer } from "@medusajs/ui" `})}),` `,(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-tsx",children:` Trigger Drawer Title Body Footer `})}),` `,(0,n.jsx)(e.h2,{children:"API Reference"}),` `,(0,n.jsx)(e.hr,{}),` `,(0,n.jsx)(o,{mainComponent:"Drawer",specsSrc:'[{"description":"","methods":[],"displayName":"Drawer.Body","props":{}},{"description":"","methods":[],"displayName":"Drawer.Close","props":{}},{"description":"","methods":[],"displayName":"Drawer.Content","props":{}},{"description":"","methods":[],"displayName":"Drawer.Description","props":{}},{"description":"","methods":[],"displayName":"Drawer.Footer","props":{}},{"description":"","methods":[],"displayName":"Drawer.Header","props":{}},{"description":"","methods":[],"displayName":"Drawer.Overlay","props":{}},{"description":"","methods":[],"displayName":"Drawer.Portal","props":{}},{"description":"","methods":[],"displayName":"Drawer.Title","props":{}},{"description":"","methods":[],"displayName":"Drawer.Trigger","props":{}},{"description":"This component is based on the [Radix UI Dialog](https://www.radix-ui.com/primitives/docs/components/dialog) primitives.","methods":[],"displayName":"Drawer","props":{}}]'})]})}function T(r={}){let{wrapper:e}=r.components||{};return e?(0,n.jsx)(e,Object.assign({},r,{children:(0,n.jsx)(m,r)})):m(r)}var N=T;function c(r,e){throw new Error("Expected "+(e?"component":"object")+" `"+r+"` to be defined: you likely forgot to import, pass, or provide it.")}return C(B);})(); ;return Component;