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