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