'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 l=({setting:l,builderProps:d,className:c,builderAttrs:n,advanced:p,children:u,styles:f})=>{let{text:y,name:x,placeholder:j,required:v}=l??{},h=m(r(p,l)),N=s(a(p,d)),g=s(i(l,d,c??"")),k=m(o(p,l,f));return e("div",{...n,"data-id":d?.uid,className:N,style:h,children:[t("input",{type:"text",className:g,style:k,placeholder:j,required:v,name:""===x||void 0===x?"contact[first_name]":x,value:y}),u]})};export{l as default};
