'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const FormEmail=({builderProps:e,builderAttrs:s,setting:t,advanced:a,children:l,styles:r})=>{let{placeholder:m,required:c,title:i,showTitle:o}=t??{},n=system.createStyle(styles.composeContainerStyles(t,a)),y=system.createStyle(styles.composeInnerStyles(t,a,r)),u=system.createClass(classes.composeContainerClasses({setting:t,advanced:a,builderProps:e,type:"react"})),p=system.createClass(classes.composeInnerClasses(t,e)),d=system.createClass(classes.getClassTitle());return jsxRuntime.jsxs("div",{...s,"data-id":e?.uid,className:u,style:n,children:[system.If(o,jsxRuntime.jsx("span",{className:d,children:i})),jsxRuntime.jsx("input",{type:"email",className:p,style:y,placeholder:m,name:"contact[email]",required:c,autoComplete:"email"}),l]})};exports.default=FormEmail;
