{"version":3,"file":"NewsletterSignupForm.XUmlFalM.mjs","names":["useState","useMemo"],"sources":["https:/framerusercontent.com/modules/thQjnwo35vnWu68UX6hR/OfTmVBTI6y2lSITffZ0m/NewsletterSignupForm.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useMemo,useState}from\"react\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function NewsletterSignupForm(props){const{actionUrl,returnUrlFieldName,placeholder,buttonLabel,inputBackground,inputBorderColor,inputFocusBorderColor,inputTextColor,placeholderColor,buttonFill,buttonHoverFill,buttonTextColor,inputRadius,buttonRadius,fontSize,gap,stacked,style}=props;const[isFocused,setIsFocused]=useState(false);const[isHoveringButton,setIsHoveringButton]=useState(false);const placeholderClassName=useMemo(()=>{return`newsletter-input-${Math.random().toString(36).slice(2)}`;},[]);const buttonBackground=isHoveringButton?buttonHoverFill:buttonFill;return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"auto\",...style},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                .${placeholderClassName}::placeholder {\n                    color: ${placeholderColor};\n                }\n            `}),/*#__PURE__*/_jsxs(\"form\",{method:\"post\",acceptCharset:\"utf-8\",action:actionUrl,style:{display:\"flex\",flexDirection:stacked?\"column\":\"row\",alignItems:\"stretch\",gap,width:\"100%\",height:\"auto\"},children:[/*#__PURE__*/_jsx(\"input\",{type:\"email\",name:\"email\",required:true,autoComplete:\"email\",placeholder:placeholder,\"aria-label\":\"Email\",className:placeholderClassName,style:{flex:stacked?\"0 0 auto\":1,minWidth:0,background:inputBackground,border:`1px solid ${isFocused?inputFocusBorderColor:inputBorderColor}`,borderRadius:inputRadius,padding:\"12px\",color:inputTextColor,fontFamily:'\"PP Neue Montreal\", \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif',fontWeight:400,fontSize,lineHeight:1.2,outline:\"none\",transition:\"border-color 0.15s ease\"},onFocus:()=>setIsFocused(true),onBlur:()=>setIsFocused(false)}),/*#__PURE__*/_jsx(\"button\",{type:\"submit\",style:{border:\"none\",background:buttonBackground,color:buttonTextColor,borderRadius:buttonRadius,padding:\"12px 18px\",minWidth:stacked?undefined:115,width:stacked?\"100%\":undefined,fontFamily:'\"PP Neue Montreal\", \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif',fontWeight:500,fontSize,lineHeight:1.2,cursor:\"pointer\",transition:\"background-color 0.15s ease, opacity 0.15s ease\",whiteSpace:\"nowrap\"},onMouseEnter:()=>setIsHoveringButton(true),onMouseLeave:()=>setIsHoveringButton(false),children:buttonLabel})]})]});}NewsletterSignupForm.displayName=\"Newsletter Signup Form\";addPropertyControls(NewsletterSignupForm,{actionUrl:{type:ControlType.String,title:\"Action URL\",defaultValue:\"https://nyhetsbrev.make.as/p/s/OTc2Njo0MzY3YjAwZi1kYTVhLTQxNjgtYjBlOS00YjBkZDFhYTZmODE\"},returnUrlFieldName:{type:ControlType.String,title:\"Redirect param\",defaultValue:\"redirect_url\"},placeholder:{type:ControlType.String,title:\"Placeholder\",defaultValue:\"din@epost.no\"},buttonLabel:{type:ControlType.String,title:\"Button\",defaultValue:\"Meld deg p\\xe5\"},inputBackground:{type:ControlType.Color,title:\"Input BG\",defaultValue:\"#F9FAFB\"},inputBorderColor:{type:ControlType.Color,title:\"Input Border\",defaultValue:\"#E5E7EB\"},inputFocusBorderColor:{type:ControlType.Color,title:\"Focus Border\",defaultValue:\"#3A3A3A\"},inputTextColor:{type:ControlType.Color,title:\"Input Text\",defaultValue:\"#111111\"},placeholderColor:{type:ControlType.Color,title:\"Placeholder Color\",defaultValue:\"rgba(0,0,0,0.2)\"},buttonFill:{type:ControlType.Color,title:\"Button Fill\",defaultValue:\"#171717\"},buttonHoverFill:{type:ControlType.Color,title:\"Button Hover\",defaultValue:\"#333333\"},buttonTextColor:{type:ControlType.Color,title:\"Button Text\",defaultValue:\"#FFFFFF\"},inputRadius:{type:ControlType.Number,title:\"Input Radius\",defaultValue:8,min:0,max:40,step:1},buttonRadius:{type:ControlType.Number,title:\"Button Radius\",defaultValue:9,min:0,max:40,step:1},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:14,min:10,max:24,step:1},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:12,min:0,max:40,step:1},stacked:{type:ControlType.Boolean,title:\"Stacked\",defaultValue:false}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"NewsletterSignupForm\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./NewsletterSignupForm.map"],"mappings":"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"}