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