import{r as o,u as C,az as i,s,ge as c,j as l}from"./index-CXyQ5sGC.js";function g(P,f){return function(u){const{target:e,component:t,actions:m,title:a}=u,[p,E]=o.useState(!1),v=C(),r=o.useCallback(n=>{t&&i.dispatchEvent("setSmartPanelBadgeCount",{component:t,value:n})},[t]),d=()=>{p||(t&&e&&s.dispatchEvent(e===c.POPUP?"toggleComponentPopup":"toggleComponentPanel",{component:t,props:{title:a}}),m.forEach(n=>i.dispatchEvent(n.type,n.data))),i.dispatchEvent("closeSmartPanel")};return o.useEffect(function(){if(t&&f.persistent&&e)return s.dispatchEvent(e===c.POPUP?"mountContainerPopup":"mountContainerPanel",{component:t,props:{title:a}}),()=>{s.dispatchEvent(e===c.POPUP?"unmountContainerPopup":"unmountContainerPanel",{component:t})}},[t,e,a]),o.useEffect(()=>s.addEventListener("activeComponent",({selectedComponent:n})=>{E(n!==void 0&&n.name===t)}),[t]),o.useEffect(function(){return()=>r(0)},[r]),l.jsx("button",{className:`sp-button-bc ${p?"active":""}`,onClick:d,title:v(a),"data-component":t,children:l.jsx(P,{...u,setBadgeCount:r})})}}export{g as w};