import{r as A,j as r}from"./v_7_4_2_27_fac7f92f-33f6-4d26-8a6f-b87b9638d3cc.js";import{u as i,b as E,T as y,I as C}from"./v_7_4_2_27_fac7f92f-33f6-4d26-8a6f-b87b9638d3cc46.js";function L({id:e,titulo:a,type:m,placeholder:c,text:j,setText:x,heightCamp:p,heightTextArea:l,position:f,className:t=""}){const u=i(n=>n.deleteContainer),s=i(n=>n.getContainer),o=s(e)(n=>n.emojiArea?.type);A.useEffect(()=>(s(e).setState({emojiArea:{id:e,titulo:a,type:m,placeholder:c,text:j,setText:x,heightCamp:p,heightTextArea:l,position:f,className:t}}),()=>{u(e)}),[]);const d={input:r.jsx(C,{id:e}),textarea:r.jsx(y,{id:e})};return o&&r.jsxs("aside",{"type-render":"Components","render-name":"emojiArea",children:[a&&r.jsx("h2",{className:"mb-1",children:a}),r.jsxs("div",{className:"flex !p-0 "+t,children:[r.jsx("div",{className:"w-full flex",children:d[o]}),r.jsx(E,{id:e})]})]})}export{L as E};
