import{aO as d,j as a,r as l}from"./index-B0l7MJae.js";import{S as u}from"./info_icon-CXgrQoWq.js";const _="_container_1arjr_23",E="_toastEnter_1arjr_41",f="_toastExit_1arjr_45",x="_content_1arjr_49",j="_icon_1arjr_55",p="_message_1arjr_65",n={container:_,toastEnter:E,toastExit:f,content:x,icon:j,message:p},c=new Set,g=({children:e,onClose:i})=>{const[t,o]=l.useState(!1);l.useEffect(()=>{const m=setTimeout(()=>{o(!0)},5e3);return()=>clearTimeout(m)},[]);const s=()=>{t&&i()},r=`${n.container} ${t?n.toastExit:n.toastEnter}`;return a.jsx("div",{className:r,onAnimationEnd:s,children:a.jsxs("div",{className:n.content,children:[a.jsx(u,{className:n.icon}),a.jsx("span",{className:`body-1 ${n.message}`,children:e})]})})},v=({children:e,id:i})=>{const t=i||(typeof e=="string"?e:null);if(t&&c.has(t))return;t&&c.add(t);const o=document.getElementById("modals");if(!o){console.error("The element #modals was not found in the DOM."),t&&c.delete(t);return}const s=document.createElement("div");o.appendChild(s);const r=d.createRoot(s),m=()=>{r.unmount(),o.contains(s)&&o.removeChild(s),t&&c.delete(t)};r.render(a.jsx(g,{onClose:m,children:e}))};export{v as s};