import{r,j as a}from"./react-WWJ_A68P.js";import{a as p}from"./react-dom-CvjNlBjt.js";import{Z as l}from"./index-BPJ5U2d6.js";import{d as c}from"./styled-components-BHeWolSk.js";const g=c.div`
    padding: 12px;
    border-top: 1px solid #e9eaef;
    background: #fff;
    display: flex;
    gap: 7px;
`,y=c.div`
    display: none;
`,s={HiddenContainer:y,Container:g},h=({buttonList:i})=>{const[d,m]=r.useState(!1);if(r.useEffect(()=>{document.querySelector("#floatingButton")&&m(!0)},[]),!!d)return a.jsxs(a.Fragment,{children:[i.some(e=>(e==null?void 0:e.type)==="submit")&&a.jsx(s.HiddenContainer,{children:i.map((e,t)=>r.createElement(l,{...e,key:`floatingButton${t}`,id:`floatingButton${t}`},e.children))}),p.createPortal(a.jsx(s.Container,{id:"childElement",children:i.map((e,t)=>r.createElement(l,{...e,key:`floatingButton${t}`,id:`floatingButton${t}`,onClick:f=>{var n,o;(e==null?void 0:e.type)==="submit"?(n=document.getElementById(`floatingButton${t}`))==null||n.click():(o=e.onClick)==null||o.call(e,f)}},e.children))}),document.querySelector("#floatingButton"))]})};export{h as F};