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