'use client';
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{createStyle as s,createClass as a,If as r}from"@gem-sdk/system";import{composeContainerStyles as m,composeTextareaStyles as l,getRowsTextArea as o}from"./common/styles.js";import{composeContainerClasses as i,composeTextFieldClasses as d}from"./common/classes.js";let c=({setting:c,builderProps:n,className:p,builderAttrs:u,advanced:x,children:f,styles:y})=>{let{text:v,name:h,placeholder:j,required:N,formType:q}=c??{},T=h?.[q??"text"]===""||void 0===h?"contact[first_name]":h?.[q??"text"],g=s(m(x,c)),k=a(i(x,n)),w=a(d(c,n,p??"")),C=s(l(x,c,y)),F=a({composedTextFieldClasses:!0}),I=o(c);return e("div",{...u,"data-id":n?.uid,className:k,style:g,children:t("div",{children:[r("textarea"!==q,e("input",{type:q,className:w,style:C,placeholder:j,required:N,name:T,value:v}),e("textarea",{rows:I,className:F,placeholder:j,style:C,required:N,name:T,value:v})),f]})})};export{c as default};
