import{j as r}from"./v_7_4_3_25_2ff64573-14a6-4762-a634-9cd350f14f775.js";import{r as A}from"./v_7_4_3_25_2ff64573-14a6-4762-a634-9cd350f14f77.js";import{u as i,b as E,T as y,I as C}from"./v_7_4_3_25_2ff64573-14a6-4762-a634-9cd350f14f7746.js";function T({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{T as E};
