'use client';
import{jsxs as e,jsx as m}from"react/jsx-runtime";import{createStyle as t,createClass as a,If as s}from"@gem-sdk/system";import{composeContainerStyles as r,composeInnerStyles as l}from"./common/styles.js";import{composeContainerClasses as o,composeInnerClasses as i,getClassTitle as c}from"./common/classes.js";let p=({builderProps:p,builderAttrs:d,setting:n,advanced:u,children:y,styles:f})=>{let{placeholder:h,required:j,title:N,showTitle:x}=n??{},g=t(r(n,u)),k=t(l(n,u,f)),q=a(o({setting:n,advanced:u,builderProps:p,type:"react"})),v=a(i(n,p)),C=a(c());return e("div",{...d,"data-id":p?.uid,className:q,style:g,children:[s(x,m("span",{className:C,children:N})),m("input",{type:"email",className:v,style:k,placeholder:h,name:"contact[email]",required:j,autoComplete:"email"}),y]})};export{p as default};
