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