import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as m}from"../../../helpers.js";import{createStyle as s,createClass as t,If as l}from"@gem-sdk/system";import{composeContainerStyles as a,composeInnerStyles as o}from"./common/styles.js";import{composeContainerClasses as i,composeInnerClasses as r,getClassTitle as p}from"./common/classes.js";let FormEmail=({builderProps:d,builderAttrs:$,setting:c,advanced:u,pageContext:n,styles:f})=>{let{placeholder:y,required:v,hideOnClient:g,defaultEmail:h,translate:j,showTitle:k,title:q}=c??{},E=m({val:y,uid:d?.uid,settingId:"placeholder",pageContext:n,translate:j}),F=s(a(c,u)),x=s(o(c,u,f)),I=t(i({setting:c,advanced:u,builderProps:d,type:"liquid"})),N=t(r(c,d)),b=t(p());return e`
    <div
      ${{...$}}
      data-id="${d?.uid}"
      class="${I}"
      style="${F}"
    >
      ${l(k,`<span className="${b}">${q}</span>`)}
      <input
        type="email"
        class="${N}"
        style="${x}"
        placeholder="${E}"
        name="${"contact[email]"}"
        ${l(v,"required")}
        autocomplete="email"
        ${l(g,`value="${h}"`)}
      ></input>
    </div>
  `};export{FormEmail as default};
