'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"),r=require("./common/classes.js");exports.default=({setting:a,builderProps:l,className:o,builderAttrs:c,advanced:i,children:m,styles:n})=>{let{text:u,name:d,placeholder:y,required:p}=a??{},x=s.createStyle(t.composeContainerStyles(i,a)),j=s.createClass(r.composeContainerClasses(i,l)),C=s.createClass(r.composeTextFieldClasses(a,l,o??"")),q=s.createStyle(t.composeTextareaStyles(i,a,n));return e.jsxs("div",{...c,"data-id":l?.uid,className:j,style:x,children:[e.jsx("input",{type:"text",className:C,style:q,placeholder:y,required:p,name:""===d||void 0===d?"contact[first_name]":d,value:u}),m]})};
