import e,{useState as i}from"react";var m=({message:c,containerProps:a,stepProps:l,buttonProps:r})=>{let[o,n]=i([]),u=async(s,t)=>{try{console.log(s),n([...o,t]),console.log(`Step ${t+1} executed successfully`)}catch(b){console.error(`Error executing step ${t+1}:`,b)}};return e.createElement("div",{...a,className:`text-black my-2  ${a?.className||""}`},e.createElement("h3",{className:"text-lg font-bold mb-2"},"Multi-Step Transaction"),c.steps.map((s,t)=>e.createElement("div",{key:t,...l,className:`border-b border-gray-400 pb-4 mb-4 last:border-b-0 last:pb-0 last:mb-0 ${l?.className||""}`},e.createElement("h4",{className:"font-semibold text-md mb-2"},s.title),e.createElement("p",{className:"text-sm mb-2"},s.description),e.createElement("p",{className:"text-sm mb-2"},e.createElement("strong",null,"Success Condition:")," ",s.successCondition),e.createElement("button",{...r,onClick:()=>u(s,t),disabled:o.includes(t),className:`px-4 py-2 rounded ${o.includes(t)?"bg-gray-300 cursor-not-allowed":"bg-blue-500 text-white hover:bg-blue-600"} ${r?.className||""}`},o.includes(t)?"Executed":"Execute Step"))))},d=m;export{d as default};
//# sourceMappingURL=MultiStepTransactionBubble.mjs.map