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