component---src-pages-faq-tsx-4e0276e9e34dbed7f803.js.map

{"version":3,"file":"component---src-pages-faq-tsx-4e0276e9e34dbed7f803.js","mappings":"4QA+CA,EArCiB,SAAC,GAAuC,IAArCA,EAAoC,EAApCA,MAAOC,EAA6B,EAA7BA,QACzB,GAAwBC,EAAAA,EAAAA,WAAkB,GAAnCC,EAAP,KAAaC,EAAb,KAMA,OACEC,EAAAA,cAAAA,MAAAA,CAAKC,UAAU,YACbD,EAAAA,cAACE,EAAAA,GAAD,CACED,UAAU,kBACVE,QARa,WACjBJ,GAAQ,SAACK,GAAD,OAAWA,CAAZ,GADT,EASMC,MAAO,CACLC,OAAQ,GACRC,MAAOC,EAAAA,GAAAA,KAAAA,QAAAA,QAAAA,KACPC,WAAYD,EAAAA,GAAAA,KAAAA,QAAAA,UAAAA,UACZE,QAAS,MACTC,WAAY,MAGbhB,GAEHK,EAAAA,cAACY,EAAAA,GAAD,CACEC,GAAIf,EACJO,MAAO,CACLI,WAAYD,EAAAA,GAAAA,KAAAA,QAAAA,UAAAA,UACZD,MAAOC,EAAAA,GAAAA,KAAAA,QAAAA,QAAAA,KACPM,aAAc,MACdC,UAAW,qBAGbf,EAAAA,cAAAA,MAAAA,CAAKC,UAAU,cAAcL,IA/BrC,ECGMoB,EAAwB,CAC5B,CACEC,SAAU,uBACVC,OAAQ,kSAIV,CACED,SAAU,yBACVC,OAAQ,gFAEV,CACED,SAAU,oCACVC,OAAQ,qOAIV,CACED,SAAU,kBACVC,OAAQ,yKAGV,CACED,SAAU,kBACVC,OAAQ,yFAEV,CACED,SAAU,oBACVC,OAAQ,8JAGV,CACED,SAAU,sBACVC,OAAQ,kJAEV,CAAED,SAAU,0BAA2BC,OAAQ,8FA4BpCC,EAAO,kBAClBnB,EAAAA,cAACoB,EAAAA,EAAD,CACEzB,MAAM,MACN0B,cAAUC,GAHP,EAOP,EAhCY,kBACVtB,EAAAA,cAACuB,EAAAA,EAAD,KACEvB,EAAAA,cAAAA,KAAAA,CACEC,UAAU,aACVI,MAAO,CAAEE,MAAOC,EAAAA,GAAAA,KAAAA,QAAAA,UAAAA,OAFlB,OAMAR,EAAAA,cAAAA,UAAAA,CAASC,UAAU,OAChBe,EAAUQ,KAAI,SAACP,GAAD,OACbjB,EAAAA,cAAAA,UAAAA,KACEA,EAAAA,cAACyB,EAAD,CACE9B,MAAOsB,EAASA,SAChBrB,QAASI,EAAAA,cAAAA,OAAAA,CAAM0B,wBAAyB,CAAEC,OAAQV,EAASC,YAJhE,KATP,C","sources":["webpack://gatsby-starter-default/./src/components/dropdown/index.tsx","webpack://gatsby-starter-default/./src/pages/faq.tsx"],"sourcesContent":["import { Collapse, Button } from '@chakra-ui/react';\nimport React, { useState } from 'react';\nimport { themeObj } from '../../utils/customTheme';\nimport './styles.scss';\n\ninterface DropdownProps {\n  title: string;\n  content: React.ReactNode;\n}\n\nconst Dropdown = ({ title, content }: DropdownProps) => {\n  const [open, setOpen] = useState<boolean>(false);\n\n  const toggleOpen = () => {\n    setOpen((prev) => !prev);\n  };\n\n  return (\n    <div className=\"dropdown\">\n      <Button\n        className=\"dropdown-header\"\n        onClick={toggleOpen}\n        style={{\n          zIndex: 10,\n          color: themeObj.dark.palette.primary.main,\n          background: themeObj.dark.palette.secondary.secondary,\n          padding: '5vh',\n          fontWeight: 400\n        }}\n      >\n        {title}\n      </Button>\n      <Collapse\n        in={open}\n        style={{\n          background: themeObj.dark.palette.secondary.secondary,\n          color: themeObj.dark.palette.primary.main,\n          borderRadius: '4px',\n          transform: 'translateY(-8px)'\n        }}\n      >\n        <div className=\"contentBox\">{content}</div>\n      </Collapse>\n    </div>\n  );\n};\n\nexport default Dropdown;\n","import React from 'react';\nimport './faq.scss';\n\nimport Layout from '../components/layout';\nimport Seo from '../components/seo';\nimport Dropdown from '../components/dropdown';\nimport { themeObj } from '../utils/customTheme';\n\ninterface Question {\n  question: string;\n  answer: string;\n}\n\nconst questions: Question[] = [\n  {\n    question: 'What is a hackathon?',\n    answer: `A hackathon is a competitive educational event in which students come together to develop an idea for a project\n      into a real product. MVHacks will provide hackers with educational resources,\n      including seminars and mentors, and an environment that will enable their success.`\n  },\n  {\n    question: 'How much does it cost?',\n    answer: 'It is completely free! All food, swag, and prizes are provided at no charge.'\n  },\n  {\n    question: 'Do I need programming experience?',\n    answer: `No - this is a fantastic learning opportunity! Hackers can expect to be able to attend\n      educational workshops run by industry professionals in addition to experienced adult mentors\n      to help them learn and succeed.`\n  },\n  {\n    question: 'Who can attend?',\n    answer: `All high school students are eligible to attend MVHacks as hackers.\n      Interested in attending but not a high school student? Consider signing up to be a mentor.`\n  },\n  {\n    question: 'What do I need?',\n    answer: `For the event, all you need is your school ID, laptop, charger, and a desire to hack!`\n  },\n  {\n    question: 'Do I need a team?',\n    answer: `Teams of up to 4 are allowed. You may work as an individual, but we recommend collaborating. There will be a team mixer at\n       start of the hackathon.`\n  },\n  {\n    question: 'What are the rules?',\n    answer: `Be nice, respectful, and have fun! Hackers are expected to behave appropriately and safely at all times, and abide by the MLH Code of Conduct.`\n  },\n  { question: 'I have other questions!', answer: `Contact us by email at <u><a href=\"mailto:contact@mvhacks.io\">contact@mvhacks.io</a></u>.` }\n];\n\nconst Faq = () => (\n  <Layout>\n    <h1\n      className=\"titleStyle\"\n      style={{ color: themeObj.dark.palette.secondary.main }}\n    >\n      FAQ\n    </h1>\n    <section className=\"faq\">\n      {questions.map((question: Question) => (\n        <article>\n          <Dropdown\n            title={question.question}\n            content={<span dangerouslySetInnerHTML={{ __html: question.answer }} />}\n          />\n        </article>\n      ))}\n    </section>\n\n    {/* <h1>Hi from the second page</h1>\n    <p>Welcome to page 2</p>\n    <Link to=\"/\">Go back to the homepage</Link> */}\n  </Layout>\n);\n\nexport const Head = () => (\n  <Seo\n    title=\"FAQ\"\n    children={undefined}\n  />\n);\n\nexport default Faq;\n"],"names":["title","content","useState","open","setOpen","React","className","Button","onClick","prev","style","zIndex","color","themeObj","background","padding","fontWeight","Collapse","in","borderRadius","transform","questions","question","answer","Head","Seo","children","undefined","Layout","map","Dropdown","dangerouslySetInnerHTML","__html"],"sourceRoot":""}