{"version":3,"file":"MobileContactForm.CSH2ev1D.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/DeQHeRBk8C73S8v73hvP/kv8LRoP6cUpckcQaXSs5/MobileContactForm.js"],"sourcesContent":["// Mobile friendly contact form with name, phone, email, and problem description fields\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function MobileContactForm(props){const{title,titleFont,titleColor,namePlaceholder,phonePlaceholder,emailPlaceholder,problemPlaceholder,submitLabel,buttonColor,buttonTextColor,buttonFont,inputFont,inputTextColor,inputBackgroundColor,inputBorderColor,backgroundImage={src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Background\"},borderRadius,onSubmit,style}=props;const[formData,setFormData]=useState({name:\"\",phone:\"\",email:\"\",problem:\"\"});const handleChange=(field,value)=>{startTransition(()=>{setFormData(prev=>({...prev,[field]:value}));});};const handleSubmit=e=>{e.preventDefault();if(onSubmit){onSubmit();}startTransition(()=>{setFormData({name:\"\",phone:\"\",email:\"\",problem:\"\"});});};const inputStyle={width:\"100%\",padding:\"14px 16px\",border:`1px solid ${inputBorderColor}`,borderRadius:borderRadius,backgroundColor:inputBackgroundColor,color:inputTextColor,outline:\"none\",transition:\"border-color 0.2s ease\",boxSizing:\"border-box\",...inputFont};return /*#__PURE__*/_jsxs(\"div\",{style:{...style,position:\"relative\",width:\"100%\",backgroundImage:`url(${backgroundImage.src})`,backgroundSize:\"cover\",backgroundPosition:\"center\",padding:\"24px\",boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsx(\"h1\",{style:{margin:\"0 0 24px 0\",color:titleColor,...titleFont},children:title}),/*#__PURE__*/_jsx(\"form\",{onSubmit:handleSubmit,style:{width:\"100%\"},children:/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:\"16px\"},children:[/*#__PURE__*/_jsx(\"input\",{type:\"text\",placeholder:namePlaceholder,value:formData.name,onChange:e=>handleChange(\"name\",e.target.value),style:inputStyle,required:true,\"aria-label\":\"Your Name\"}),/*#__PURE__*/_jsx(\"input\",{type:\"tel\",placeholder:phonePlaceholder,value:formData.phone,onChange:e=>handleChange(\"phone\",e.target.value),style:inputStyle,required:true,\"aria-label\":\"Phone Number\"}),/*#__PURE__*/_jsx(\"input\",{type:\"email\",placeholder:emailPlaceholder,value:formData.email,onChange:e=>handleChange(\"email\",e.target.value),style:inputStyle,required:true,\"aria-label\":\"Email Address\"}),/*#__PURE__*/_jsx(\"textarea\",{placeholder:problemPlaceholder,value:formData.problem,onChange:e=>handleChange(\"problem\",e.target.value),style:{...inputStyle,minHeight:\"120px\",resize:\"vertical\",fontFamily:\"inherit\"},required:true,\"aria-label\":\"Describe your problem\"}),/*#__PURE__*/_jsx(\"button\",{type:\"submit\",style:{width:\"100%\",padding:\"16px\",backgroundColor:buttonColor,color:buttonTextColor,border:\"none\",borderRadius:borderRadius,cursor:\"pointer\",transition:\"opacity 0.2s ease\",...buttonFont},onMouseEnter:e=>{e.currentTarget.style.opacity=\"0.9\";},onMouseLeave:e=>{e.currentTarget.style.opacity=\"1\";},\"aria-label\":\"Submit form\",children:submitLabel})]})})]});}addPropertyControls(MobileContactForm,{title:{type:ControlType.String,title:\"Title\",defaultValue:\"Get in touch with us\"},titleFont:{type:ControlType.Font,title:\"Title Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"32px\",variant:\"Semibold\",letterSpacing:\"-0.03em\",lineHeight:\"1em\"}},titleColor:{type:ControlType.Color,title:\"Title Color\",defaultValue:\"#000000\"},namePlaceholder:{type:ControlType.String,title:\"Name Placeholder\",defaultValue:\"Your Name\"},phonePlaceholder:{type:ControlType.String,title:\"Phone Placeholder\",defaultValue:\"Phone Number\"},emailPlaceholder:{type:ControlType.String,title:\"Email Placeholder\",defaultValue:\"Email Address\"},problemPlaceholder:{type:ControlType.String,title:\"Problem Placeholder\",defaultValue:\"Describe your problem...\"},submitLabel:{type:ControlType.String,title:\"Submit Label\",defaultValue:\"Submit\"},buttonColor:{type:ControlType.Color,title:\"Button Color\",defaultValue:\"#171717\"},buttonTextColor:{type:ControlType.Color,title:\"Button Text Color\",defaultValue:\"#FFFFFF\"},buttonFont:{type:ControlType.Font,title:\"Button Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{variant:\"Semibold\",fontSize:\"14px\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"}},inputFont:{type:ControlType.Font,title:\"Input Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},inputTextColor:{type:ControlType.Color,title:\"Input Text Color\",defaultValue:\"#000000\"},inputBackgroundColor:{type:ControlType.Color,title:\"Input Background\",defaultValue:\"#FFFFFF\"},inputBorderColor:{type:ControlType.Color,title:\"Input Border Color\",defaultValue:\"#EEEEEE\"},backgroundImage:{type:ControlType.ResponsiveImage,title:\"Background Image\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:8,min:0,max:32,step:1,unit:\"px\"},onSubmit:{type:ControlType.EventHandler}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MobileContactForm\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MobileContactForm.map"],"mappings":"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"}