{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/0fTva5VbxkpbRR1S3vC1/VP3fTkoNiqxoENHeZ1Cj/ContactForm.js"],
  "sourcesContent": ["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/docs/guides/\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addPropertyControls, ControlType } from \"framer\";\nimport styled from \"styled-components\"; // Always Design for Mobile First\nconst device = {\n  desktop: `(min-width: 1200px)`,\n  tablet: `(min-width: 810px)`\n}; /**\n   * These annotations control how your component sizes\n   * Learn more: https://www.framer.com/docs/guides/auto-sizing\n   *\n   * @framerSupportedLayoutWidth any\n   * @framerSupportedLayoutHeight auto\n   */\nexport default function ContactForm(props) {\n  const onClick = () => {\n    if (props.redirect) {\n      window.location.href = props.redirect;\n    }\n  };\n  return /*#__PURE__*/_jsxs(Form, {\n    id: props.id,\n    children: [/*#__PURE__*/_jsx(InputField, {\n      type: \"text\",\n      id: \"name\",\n      placeholder: props.name\n    }), /*#__PURE__*/_jsx(InputField, {\n      type: \"email\",\n      id: \"email\",\n      placeholder: props.email\n    }), /*#__PURE__*/_jsx(TextArea, {\n      type: \"text\",\n      id: \"message\",\n      placeholder: props.message\n    }), /*#__PURE__*/_jsx(SubmitButton, {\n      type: \"submit\",\n      value: props.submitButtonTitle,\n      onClick: onClick\n    })]\n  });\n}\n; // Styles are written in object syntax\n// Learn more: https://reactjs.org/docs/dom-elements.html#style\nconst Form = styled.form`\n    display: flex;\n    \n    flex-wrap: wrap;\n    flex-direction: column;\n    align-items: start;\n    gap: 8px;\n`;\nconst InputField = styled.input`\n    width: 100%;\n\n    border: 0;\n    border-radius: 40px;\n    background-color: #FFFFFF;\n    padding: 35px 4px 35px 40px;\n\n    color: rgba(49, 49, 57, 0.3);\n    font-family: \"Poppins\";\n    font-size: 16px;\n    line-height: 140%;\n    outline-width: 0;\n\n    @media ${device.tablet} {\n        font-size: 24px;\n    }\n`;\nconst TextArea = styled.textarea`\n    width: 100%;\n    min-height: 200px;\n\n    border: 0;\n    border-radius: 40px;\n    background-color: #FFFFFF;\n    padding: 35px 4px 35px 40px;\n\n    color: rgba(49, 49, 57, 0.3);\n    font-family: \"Poppins\";\n    font-size: 16px;\n    line-height: 140%;\n    outline-width: 0;\n    \n    @media ${device.tablet} {\n        font-size: 24px;\n    }\n`;\nconst SubmitButton = styled.input`\n    width: 100%;\n\n    padding: 35px 32px 35px 32px;\n    border: 0;\n    border-radius: 40px;\n    background-color: #ff5525;\n\n    font-family: \"Poppins\";\n    font-size: 16px;\n    color: #FFFFFF;\n    font-weight: 500;\n    line-height: 140%;\n\n    cursor:pointer;\n    \n    :hover {\n        background-color: #5115F1;\n    }\n\n    @media ${device.tablet} {\n        font-size: 24px;\n    }\n`;\nContactForm.defaultProps = {\n  name: \"Name\",\n  email: \"Email\",\n  message: \"Message\",\n  submitButtonTitle: \"Submit\"\n}; // Component properties exosed to Framer interface\naddPropertyControls(ContactForm, {\n  id: {\n    title: \"Form ID\",\n    type: ControlType.String,\n    placeholder: \"page-feature-lang\",\n    description: \"Use clear and descriptive format e.g. `main-book-a-demo-en` so it will be consistent with HubSpot and easily identifiable\"\n  },\n  name: {\n    title: \"Name\",\n    type: ControlType.String,\n    placeholder: \"Name\"\n  },\n  // message\n  email: {\n    title: \"Email\",\n    type: ControlType.String,\n    placeholder: \"Email\"\n  },\n  submitButtonTitle: {\n    title: \"Submit\",\n    type: ControlType.String\n  },\n  redirect: {\n    title: \"Redirect\",\n    type: ControlType.Link\n  }\n});\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"ContactForm\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerSupportedLayoutWidth\": \"any\",\n        \"framerContractVersion\": \"1\",\n        \"framerSupportedLayoutHeight\": \"auto\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./ContactForm.map"],
  "mappings": "kLAKA,IAAMA,EAAS,CACb,QAAS,sBACT,OAAQ,oBACV,EAOe,SAARC,EAA6BC,EAAO,CACzC,IAAMC,EAAU,IAAM,CAChBD,EAAM,WACRE,EAAO,SAAS,KAAOF,EAAM,SAEjC,EACA,OAAoBG,EAAMC,EAAM,CAC9B,GAAIJ,EAAM,GACV,SAAU,CAAcK,EAAKC,EAAY,CACvC,KAAM,OACN,GAAI,OACJ,YAAaN,EAAM,IACrB,CAAC,EAAgBK,EAAKC,EAAY,CAChC,KAAM,QACN,GAAI,QACJ,YAAaN,EAAM,KACrB,CAAC,EAAgBK,EAAKE,EAAU,CAC9B,KAAM,OACN,GAAI,UACJ,YAAaP,EAAM,OACrB,CAAC,EAAgBK,EAAKG,EAAc,CAClC,KAAM,SACN,MAAOR,EAAM,kBACb,QAASC,CACX,CAAC,CAAC,CACJ,CAAC,CACH,CAGA,IAAMG,EAAOK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQdH,EAAaG,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAcbX,EAAO;AAAA;AAAA;AAAA,EAIdS,EAAWE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAeXX,EAAO;AAAA;AAAA;AAAA,EAIdU,EAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAoBfX,EAAO;AAAA;AAAA;AAAA,EAIpBC,EAAY,aAAe,CACzB,KAAM,OACN,MAAO,QACP,QAAS,UACT,kBAAmB,QACrB,EACAW,EAAoBX,EAAa,CAC/B,GAAI,CACF,MAAO,UACP,KAAMY,EAAY,OAClB,YAAa,oBACb,YAAa,2HACf,EACA,KAAM,CACJ,MAAO,OACP,KAAMA,EAAY,OAClB,YAAa,MACf,EAEA,MAAO,CACL,MAAO,QACP,KAAMA,EAAY,OAClB,YAAa,OACf,EACA,kBAAmB,CACjB,MAAO,SACP,KAAMA,EAAY,MACpB,EACA,SAAU,CACR,MAAO,WACP,KAAMA,EAAY,IACpB,CACF,CAAC",
  "names": ["device", "ContactForm", "props", "onClick", "window", "u", "Form", "p", "InputField", "TextArea", "SubmitButton", "He", "addPropertyControls", "ControlType"]
}