{"version":3,"sources":["webpack:///./src/pages/contact.tsx","webpack:///./src/components/Button.tsx","webpack:///./src/components/Input.tsx"],"names":["ContactForm","Object","_emotion_core__WEBPACK_IMPORTED_MODULE_1__","name","data-netlify","data-netlify-honeypot","method","type","value","$components_Input__WEBPACK_IMPORTED_MODULE_3__","required","placeholder","css","_emotion_css__WEBPACK_IMPORTED_MODULE_0__","rhythm","$components_Button__WEBPACK_IMPORTED_MODULE_2__","Contact","$components_Layout__WEBPACK_IMPORTED_MODULE_4__","react_helmet__WEBPACK_IMPORTED_MODULE_6__","maxWidth","margin","padding","overflow","Type","baseCss","colors","greens","seven","primaryCss","Colors","Zero","secondaryCss","zero","tertiaryCss","resolveType","_resolveType","Primary","Secondary","Tertiary","Button","props","children","_props$componentType","componentType","Types","Element","grays","five","baseInputCss","styles","Input","rest","_objectWithoutPropertiesLoose","_emotion_core__WEBPACK_IMPORTED_MODULE_6__","_extends","_emotion_css__WEBPACK_IMPORTED_MODULE_5__","SplitContainer","className","_ref"],"mappings":"iKAiCA,SAASA,IACP,OACEC,OAAAC,EAAA,IAAAD,CAAA,QACEE,KAAK,UACLC,eAAa,OACbC,wBAAsB,YACtBC,OAAO,QAEPL,OAAAC,EAAA,IAAAD,CAAA,SAAOM,KAAK,SAASJ,KAAK,YAAYK,MAAM,YAE5CP,OAAAC,EAAA,IAAAD,CAACQ,EAAA,EAAD,CACEC,UAAQ,EACRP,KAAK,QACLI,KAAK,QACLI,YAAY,gBACZC,IAAGX,OAAAY,EAAA,EAAAZ,CAAA,iBACgBa,YAAO,IADvB,OAKLb,OAAAC,EAAA,IAAAD,CAACQ,EAAA,EAAD,CACEC,UAAQ,EACRP,KAAK,UACLI,KAAK,UACLI,YAAY,eACZC,IAAGX,OAAAY,EAAA,EAAAZ,CAAA,iBACgBa,YAAO,IADvB,OAKLb,OAAAC,EAAA,IAAAD,CAACc,EAAA,EAAD,CAAQR,KAAK,UAAb,WAKSS,UA5Df,WACE,OACEf,OAAAC,EAAA,IAAAD,CAACgB,EAAA,EAAD,KACEhB,OAAAC,EAAA,IAAAD,CAACiB,EAAA,OAAD,KACEjB,OAAAC,EAAA,IAAAD,CAAA,4BAEFA,OAAAC,EAAA,IAAAD,CAAA,OACEW,IAAGX,OAAAY,EAAA,EAAAZ,CAAE,CACHkB,SAAU,IACVC,OAAWN,YAAO,GAAZ,eACNO,QAAS,SACTC,SAAU,YAGZrB,OAAAC,EAAA,IAAAD,CAAA,wBACAA,OAAAC,EAAA,IAAAD,CAAA,0GAIAA,OAAAC,EAAA,IAAAD,CAACD,EAAD,iDCrBIuB,8HAWZ,IAAMC,EAAUZ,cAAH,uNAcea,IAAOC,OAAOC,MAd7B,4CAkBeF,IAAOC,OAAOC,MAlB7B,oBAsBPC,EAAahB,cAAH,cACAiB,IAAcC,KADd,kCAKVC,EAAenB,cAAH,oBACIa,IAAOC,OAAOM,KADlB,UAEPP,IAAOC,OAAOM,KAFP,+CAMZC,EAAcrB,cAAH,0BAENa,IAAOC,OAAOM,KAFR,uBAKXE,IAAWC,EAAA,IACdZ,EAAKa,SAAUR,EADDO,EAEdZ,EAAKc,WAAYN,EAFHI,EAGdZ,EAAKe,UAAWL,EAHFE,GAMjB,SAASI,EAAOC,GAAc,IACpBC,EAA2CD,EAA3CC,SADoBC,EACuBF,EAAjCG,qBADU,IAAAD,EACMnB,EAAKa,QADXM,EAE5B,OAAOzC,OAAAC,EAAA,IAAAD,CAAA,UAAQW,IAAGX,OAAAY,EAAA,EAAAZ,CAAE,CAACuB,EAASU,EAAYS,MAAkBF,GAG9DF,EAAOK,MAAQrB,EAEAgB,2EC7DHhB,EAIAsB,mPAJAtB,4CAIAsB,qDAUZ,IAAMrB,EAAUZ,cAAH,oBACSa,IAAOqB,MAAMC,KADtB,yIAYetB,IAAOC,OAAOC,MAZ7B,oBAePqB,EAAY,CAAA7C,KAAA,sBAAA8C,OAAA,gEAQZf,IAAWC,EAAA,IACdZ,EAAKa,SAHQ,CAAAjC,KAAA,qBAAA8C,OAAA,qBAECd,GAIjB,SAASe,EAAMV,GAAc,IACnBC,EAAoDD,EAApDC,SADmBC,EACiCF,EAA1CG,qBADS,IAAAD,EACOnB,EAAKa,QADZM,EACwBS,sIADxBC,CACiCZ,EADjC,8BAG3B,OACEvC,OAAAoD,EAAA,IAAApD,CAAA,QAAAqD,EAAA,CAAO1C,IAAGX,OAAAsD,EAAA,EAAAtD,CAAE,CAACuB,EAASwB,EAAcd,EAAYS,MAAqBQ,GAClEV,qPA2CPS,EAAMN,MAAQrB,EACd2B,EAAMM,eA3BC,SAA6BhB,GAClC,OACEvC,OAAAoD,EAAA,IAAApD,CAAA,OACEwD,UAAWjB,EAAMiB,UACjB7C,IAAG8C,GAgBFlB,EAAMC,WASES","file":"component---src-pages-contact-tsx-9ad4b7de4763cd052cce.js","sourcesContent":["import Button from '$components/Button'\nimport Input from '$components/Input'\nimport Layout from '$components/Layout'\nimport { rhythm } from '$utils/typography'\nimport css from '@emotion/css'\nimport * as React from 'react'\nimport { Helmet } from 'react-helmet'\n\nfunction Contact() {\n  return (\n    <Layout>\n      <Helmet>\n        <title>Contact Us</title>\n      </Helmet>\n      <div\n        css={{\n          maxWidth: 600,\n          margin: `${rhythm(1)} auto 0 auto`,\n          padding: '0 20px',\n          overflow: 'hidden',\n        }}\n      >\n        <h2>Contact Us</h2>\n        <p>\n          Reach out and contact us anytime! We are also on most social media\n          channels via @scope.travel\n        </p>\n        <ContactForm />\n      </div>\n    </Layout>\n  )\n}\n\nfunction ContactForm() {\n  return (\n    <form\n      name=\"contact\"\n      data-netlify=\"true\"\n      data-netlify-honeypot=\"bot-field\"\n      method=\"post\"\n    >\n      <input type=\"hidden\" name=\"form-name\" value=\"contact\" />\n\n      <Input\n        required\n        name=\"email\"\n        type=\"email\"\n        placeholder=\"Email address\"\n        css={css`\n          margin-bottom: ${rhythm(0.5)};\n        `}\n      />\n\n      <Input\n        required\n        name=\"message\"\n        type=\"message\"\n        placeholder=\"Your message\"\n        css={css`\n          margin-bottom: ${rhythm(0.5)};\n        `}\n      />\n\n      <Button type=\"submit\">Submit</Button>\n    </form>\n  )\n}\n\nexport default Contact\n","/** @jsx jsx */\nimport * as React from 'react'\nimport { css, jsx } from '@emotion/core'\nimport { colors } from '$theme/legacy'\nimport * as Colors from '$theme/colors'\n\nexport enum Type {\n  Primary = 'primary',\n  Secondary = 'secondary',\n  Tertiary = 'tertiary',\n}\n\ntype Props = {\n  children?: React.ReactNode\n  componentType?: Type\n} & React.HTMLProps<HTMLButtonElement>\n\nconst baseCss = css`\n  appearance: none;\n  border: none;\n  min-width: 116px;\n  height: 40px;\n  border-radius: 20px;\n  font-size: 0.89rem;\n  font-weight: 500;\n  cursor: pointer;\n  padding: 0 32px;\n  line-height: 1;\n  user-select: none;\n  &:selected {\n    outline: 0;\n    box-shadow: 0 0 0 2px ${colors.greens.seven};\n  }\n  &:focus {\n    outline: 0;\n    box-shadow: 0 0 0 2px ${colors.greens.seven};\n  }\n`\n\nconst primaryCss = css`\n  background: ${Colors.Greens.Zero};\n  color: white;\n`\n\nconst secondaryCss = css`\n  border: 2px solid ${colors.greens.zero};\n  color: ${colors.greens.zero};\n  background: transparent;\n`\n\nconst tertiaryCss = css`\n  background: white;\n  color: ${colors.greens.zero};\n`\n\nconst resolveType = {\n  [Type.Primary]: primaryCss,\n  [Type.Secondary]: secondaryCss,\n  [Type.Tertiary]: tertiaryCss,\n}\n\nfunction Button(props: Props) {\n  const { children, componentType = Type.Primary } = props\n  return <button css={[baseCss, resolveType[componentType]]}>{children}</button>\n}\n\nButton.Types = Type\n\nexport default Button\n","/** @jsx jsx */\nimport * as React from 'react'\nimport { css, jsx } from '@emotion/core'\n\nimport { colors } from '$theme/legacy'\nimport { checkPropTypes, element } from 'prop-types'\n\nexport enum Type {\n  Primary = 'primary',\n}\n\nexport enum Element {\n  Input = 'input',\n  Textarea = 'textarea',\n}\n\ntype Props = {\n  children?: React.ReactNode\n  componentType?: Type\n} & React.HTMLProps<HTMLInputElement>\n\nconst baseCss = css`\n  border: 1px solid ${colors.grays.five};\n  border-radius: 20px;\n  font-size: 0.89rem;\n  font-weight: 500;\n  width: 100%;\n\n  &::placeholder {\n    line-height: 1;\n  }\n  &:focus {\n    outline: 0;\n    box-shadow: 0 0 0 2px ${colors.greens.seven};\n  }\n`\nconst baseInputCss = css`\n  padding: 0 27px;\n  line-height: 1;\n  height: 40px;\n`\n\nconst primaryCss = css``\n\nconst resolveType = {\n  [Type.Primary]: primaryCss,\n}\n\nfunction Input(props: Props) {\n  const { children, componentType = Type.Primary, ...rest } = props\n\n  return (\n    <input css={[baseCss, baseInputCss, resolveType[componentType]]} {...rest}>\n      {children}\n    </input>\n  )\n}\n\n// export function Textarea(props: Props) {\n// \tconst { children, componentType = Type.Primary, ...rest } = props;\n// \treturn (\n// \t\t<textarea\n// \t\t\tcss={[baseCss, baseTextareaCss, resolveType[componentType]]}\n// \t\t\t{...rest}\n// \t\t>\n// \t\t\t{children}\n// \t\t</textarea>\n// \t);\n// }\n\nexport function SplitInputContainer(props) {\n  return (\n    <div\n      className={props.className}\n      css={css`\n        display: flex;\n        & > input {\n          flex: 1;\n          border-bottom-right-radius: 0;\n          border-top-right-radius: 0;\n          border-right: none;\n        }\n        & > button {\n          border-bottom-left-radius: 0;\n          border-top-left-radius: 0;\n          padding: 0px 20px 0 15px;\n          min-width: unset;\n        }\n      `}\n    >\n      {props.children}\n    </div>\n  )\n}\n\n// Input.Textarea = Textarea;\nInput.Types = Type\nInput.SplitContainer = SplitInputContainer\n\nexport default Input\n"],"sourceRoot":""}