import{j as n}from"./jsx-runtime-Dfk2JFgj.js";import{r as l}from"./index-CWN_QRa1.js";import{g as o}from"./index-DNsi8NHw.js";import"./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 A={title:"Components/DragAndDropList",component:o},c=()=>{const a=(e,p)=>n.jsx("div",{style:{backgroundColor:"white",border:"1px solid #ded6d6",width:"100px",height:"50px",display:"flex",justifyContent:"center",alignItems:"center"},children:p},e),[m,d]=l.useState([{id:"group1",title:"",isDragDisabled:!1,direction:"vertical",isDeletable:!0,cloneItems:!1,style:{},items:[{id:"item1",name:"Item 1",key:""},{id:"item2",name:"Item 2",key:""},{id:"item3",name:"Item 3",key:""},{id:"item4",name:"Item 4",key:""}]}]);return n.jsx(o,{containers:m,itemRenderer:e=>a(e.id,e.name),onDragEnd:e=>{d(e)}})},t=c.bind({});var r,i,s;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
  const Card = (key, children) => {
    return <div key={key} style={{
      backgroundColor: "white",
      border: "1px solid #ded6d6",
      width: "100px",
      height: "50px",
      display: "flex",
      justifyContent: "center",
      alignItems: "center"
    }}>
        {children}
      </div>;
  };
  const [containers, setContainers] = useState([{
    id: "group1",
    title: "",
    isDragDisabled: false,
    direction: "vertical",
    isDeletable: true,
    cloneItems: false,
    style: {},
    items: [{
      id: "item1",
      name: "Item 1",
      key: ""
    }, {
      id: "item2",
      name: "Item 2",
      key: ""
    }, {
      id: "item3",
      name: "Item 3",
      key: ""
    }, {
      id: "item4",
      name: "Item 4",
      key: ""
    }]
  }]);
  return <DragAndDrop containers={containers} itemRenderer={(item: any) => {
    return Card(item.id, item.name);
  }} onDragEnd={(result: any) => {
    setContainers(result);
  }} />;
}`,...(s=(i=t.parameters)==null?void 0:i.docs)==null?void 0:s.source}}};const R=["listDragger"];export{R as __namedExportsOrder,A as default,t as listDragger};
