{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/LKA8xfms2w9jdBvqnIwI/TVZU3McUR5Tl9mL3ahm2/EmailInput.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";import{Formik,Form,Field}from\"formik\";import ButtonPrimary from\"https://framer.com/m/Button-Primary-mBf7.js@t3jgIZSiUSomegmMK6KP\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */ export default function EmailInput({stack,darkVersion,fillWidthButton}){const[isFocused,setIsFocused]=useState(false);const inputStyles={background:\"white\",padding:\"18px\",borderRadius:\"12px\",boxSizing:\"border-box\",width:\"100%\",fontFamily:\"Figtree\",fontSize:\"16px\",color:\"#141126\",maxHeight:\"60px\"};const focusedStyles={border:\"2px solid #8D63F8\",outline:\"none\",...inputStyles};const defaultStyles={border:\"1px solid #AFB0B6\",outline:\"none\",...inputStyles};const errorInputStyles={border:\"1px solid #FF70A7\",outline:\"none\",...inputStyles};const placeholderStyles={color:\"green\"};const textStyles={color:\"#141126\",fontFamily:\"Figtree\"};const errorStyles={color:\"#FF70A7\",fontFamily:\"Figtree\",fontSize:\"12px\"};const labelStyle={fontFamily:\"Figtree\",color:\"white\",marginBottom:\"5px\",fontSize:\"16px\",lineHeight:\"1.2\",letterSpacing:\"0em\"};const inputStyle=isFocused?focusedStyles:defaultStyles;return /*#__PURE__*/ _jsx(Formik,{initialValues:{email:\"\"},validate:values=>{if(values.email){}},children:({isSubmitting,setFieldValue,values})=>/*#__PURE__*/ _jsxs(Form,{style:{display:\"flex\",flexDirection:stack?\"column\":\"row\",gap:\"10px\",height:\"100%\",width:\"100%\"},className:\"emailInput\",children:[/*#__PURE__*/ _jsx(Field,{name:\"email\",onFocus:e=>{setIsFocused(true);},onBlur:e=>{setIsFocused(false);},style:inputStyle,placeholder:\"name@email.com\"}),/*#__PURE__*/ _jsx(\"div\",{style:{width:fillWidthButton?\"100%\":\"fit-content\",height:\"100%\",position:\"relative\"},onClick:()=>{localStorage.setItem(\"email\",values.email);window.location.href=\"/demo\";},children:/*#__PURE__*/ _jsx(ButtonPrimary,{title:\"Get Free Demo\",variant:darkVersion?\"Large\":\"Large - Dark Mode\",style:{minHeight:\"60px\",cursor:\"pointer\",width:fillWidthButton?\"100%\":\"fit-content\"}})})]})});};// <button\n//                         type=\"submit\"\n//                         style={{\n//                             padding: \"15px\",\n//                             fontFamily: \"Figtree\",\n//                             background: darkVersion ? \"#CBB7FF\" : \"#28008F\",\n//                             color: darkVersion ? \"#28018F\" : \"white\",\n//                             fontSize: \"20px\",\n//                             outline: \"none\",\n//                             border: \"none\",\n//                             borderRadius: \"12px\",\n//                             lineHeight: \"1em\",\n//                             letterSpacing: \"0em\",\n//                             width: stack ? \"100%\" : \"56%\",\n//                             fontWeight: darkVersion ? \"500\" : \"normal\",\n//                         }}\n//                     >\n//                         Get Free Demo\n//                     </button>\naddPropertyControls(EmailInput,{stack:{type:ControlType.Boolean,defaultValue:false},darkVersion:{type:ControlType.Boolean,defaultValue:false},fillWidthButton:{type:ControlType.Boolean,defaultValue:false}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"EmailInput\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./EmailInput.map"],
  "mappings": "yMAGmB,SAARA,EAA4B,CAAC,MAAAC,EAAM,YAAAC,EAAY,gBAAAC,CAAe,EAAE,CAAC,GAAK,CAACC,EAAUC,CAAY,EAAEC,EAAS,EAAK,EAAQC,EAAY,CAAC,WAAW,QAAQ,QAAQ,OAAO,aAAa,OAAO,UAAU,aAAa,MAAM,OAAO,WAAW,UAAU,SAAS,OAAO,MAAM,UAAU,UAAU,MAAM,EAAQC,EAAc,CAAC,OAAO,oBAAoB,QAAQ,OAAO,GAAGD,CAAW,EAAQE,EAAc,CAAC,OAAO,oBAAoB,QAAQ,OAAO,GAAGF,CAAW,EAAQG,EAAiB,CAAC,OAAO,oBAAoB,QAAQ,OAAO,GAAGH,CAAW,EAAQI,EAAkB,CAAC,MAAM,OAAO,EAAQC,EAAW,CAAC,MAAM,UAAU,WAAW,SAAS,EAAQC,EAAY,CAAC,MAAM,UAAU,WAAW,UAAU,SAAS,MAAM,EAAQC,EAAW,CAAC,WAAW,UAAU,MAAM,QAAQ,aAAa,MAAM,SAAS,OAAO,WAAW,MAAM,cAAc,KAAK,EAAQC,EAAWX,EAAUI,EAAcC,EAAc,OAAqBO,EAAKC,EAAO,CAAC,cAAc,CAAC,MAAM,EAAE,EAAE,SAASC,GAAQ,CAAIA,EAAO,KAAQ,EAAE,SAAS,CAAC,CAAC,aAAAC,EAAa,cAAAC,EAAc,OAAAF,CAAM,IAAkBG,EAAMC,EAAK,CAAC,MAAM,CAAC,QAAQ,OAAO,cAAcrB,EAAM,SAAS,MAAM,IAAI,OAAO,OAAO,OAAO,MAAM,MAAM,EAAE,UAAU,aAAa,SAAS,CAAee,EAAKO,EAAM,CAAC,KAAK,QAAQ,QAAQC,GAAG,CAACnB,EAAa,EAAI,CAAE,EAAE,OAAOmB,GAAG,CAACnB,EAAa,EAAK,CAAE,EAAE,MAAMU,EAAW,YAAY,gBAAgB,CAAC,EAAgBC,EAAK,MAAM,CAAC,MAAM,CAAC,MAAMb,EAAgB,OAAO,cAAc,OAAO,OAAO,SAAS,UAAU,EAAE,QAAQ,IAAI,CAAC,aAAa,QAAQ,QAAQe,EAAO,KAAK,EAAEO,EAAO,SAAS,KAAK,OAAQ,EAAE,SAAuBT,EAAKU,EAAc,CAAC,MAAM,gBAAgB,QAAQxB,EAAY,QAAQ,oBAAoB,MAAM,CAAC,UAAU,OAAO,OAAO,UAAU,MAAMC,EAAgB,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAmBttDwB,EAAoB3B,EAAW,CAAC,MAAM,CAAC,KAAK4B,EAAY,QAAQ,aAAa,EAAK,EAAE,YAAY,CAAC,KAAKA,EAAY,QAAQ,aAAa,EAAK,EAAE,gBAAgB,CAAC,KAAKA,EAAY,QAAQ,aAAa,EAAK,CAAC,CAAC",
  "names": ["EmailInput", "stack", "darkVersion", "fillWidthButton", "isFocused", "setIsFocused", "ye", "inputStyles", "focusedStyles", "defaultStyles", "errorInputStyles", "placeholderStyles", "textStyles", "errorStyles", "labelStyle", "inputStyle", "p", "Formik", "values", "isSubmitting", "setFieldValue", "u", "L", "Field", "e", "window", "Button_Primary_mBf7_default", "addPropertyControls", "ControlType"]
}