'use client';
import{jsx as e}from"react/jsx-runtime";import{makeStyleResponsive as t,cls as r}from"@gem-sdk/core";let l=({children:l,className:i,required:a,setting:o={},advanced:d,builderProps:s})=>{let{width:p,height:g,fontSize:b,align:c,disabled:m,placeholder:x}=o;return e("div",{"data-id":s?.uid,className:r({"gp-text-right":c?.desktop==="right","tablet:gp-text-right":c?.tablet==="right","mobile:gp-text-right":c?.mobile==="right","gp-text-left":c?.desktop==="left","tablet:gp-text-left":c?.tablet==="left","mobile:gp-text-left":c?.mobile==="left","gp-text-center":c?.desktop==="center","tablet:gp-text-center":c?.tablet==="center","mobile:gp-text-center":c?.mobile==="center"}),children:e("textarea",{className:r("border border-solid",i,d?.cssClass),style:{...t("w",p),...t("h",g),...t("size",b)},placeholder:x,disabled:m,required:a,children:l})})};l.defaultProps={};export{l as default};
