import{j as e}from"./jsx-runtime-Dfk2JFgj.js";import{r as u}from"./index-CWN_QRa1.js";import{A as s,a as l,M as c,I as d}from"./index-DNsi8NHw.js";import{B as x}from"./index-CIVavKlu.js";import"./CheckGroup-BpaEcK_0.js";import"./index-Cj3pldWQ.js";import"./index-DgIb9kCw.js";import"./index-DllfNvuz.js";import"./index-6WYjB5r3.js";import"./DefaultPropsProvider-BPu7lNPC.js";import"./index-Bk93qgka.js";import"./index-DnVHLn3F.js";import"./v4-CtRu48qb.js";import"./tiny-invariant-CopsF_GD.js";import"./iframe-BT4Dhm0c.js";const y={title:"Components/AreaMenu",component:s},A=o=>{const[i,m]=u.useState("");return e.jsxs(s,{...o,children:[e.jsx(l,{children:e.jsx(x,{onClick:()=>{},children:"open_item"})}),e.jsx(c,{children:e.jsx("div",{children:e.jsx(d,{label:"username_label",id:"test",type:"text",value:i,onChange:p=>m(p)})})})]})},t=A.bind({});t.args={isDisabled:!1};var r,n,a;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`args => {
  const [value, setValue] = useState("");
  return <AreaMenu {...args}>
      <Area>
        <Button onClick={() => {}}>open_item</Button>
      </Area>
      <Menu>
        <div>
          <Input label="username_label" id="test" type="text" value={value} onChange={e => setValue(e)} />
        </div>
      </Menu>
    </AreaMenu>;
}`,...(a=(n=t.parameters)==null?void 0:n.docs)==null?void 0:a.source}}};const D=["AreaMenuSimple"];export{t as AreaMenuSimple,D as __namedExportsOrder,y as default};
