{"version":3,"file":"9bc8b050-51905620b0c59457f9c3.js","mappings":"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","sources":["webpack://inflearn-static/./src/components/infcon-2023/main/sections/Map/index.tsx"],"sourcesContent":["import { faLocationArrow } from '@fortawesome/pro-regular-svg-icons';\nimport { Box, Button, Icon, Text, Title, desktopFirstMediaQuery } from '@inflearn/ds-react';\nimport { motion } from 'framer-motion';\nimport {\n  textTransitionAnimateOptions,\n  textTransitionInitialOptions,\n  textTransitionTimingFunction\n} from '../../../../../styles/transitions';\nimport { css } from '@emotion/react';\nimport { styleSection } from '../InteractionSections';\n\nconst Map = () => {\n  return (\n    <Box component=\"section\" css={[styleSection, styleMapSection]}>\n      <Box css={styleMapBody}>\n        <Box css={{ flexShrink: 0 }}>\n          <motion.div\n            viewport={{ once: true }}\n            transition={{ ...textTransitionTimingFunction }}\n            initial={textTransitionInitialOptions}\n            whileInView={textTransitionAnimateOptions}>\n            <Title order={2} size={60} color=\"dark.9\" mb={8} css={styleMapTitle}>\n              8월 15일, <br /> 우리 여기서 만나요\n            </Title>\n          </motion.div>\n          <motion.div\n            viewport={{ once: true }}\n            transition={{ ...textTransitionTimingFunction, delay: 0.2 }}\n            initial={textTransitionInitialOptions}\n            whileInView={textTransitionAnimateOptions}>\n            <Box\n              mb={40}\n              css={{\n                [desktopFirstMediaQuery.mobile]: {\n                  marginBottom: '24px'\n                }\n              }}>\n              <Text color=\"gray.5\" size={24} css={styleMapSubTitle}>\n                * 교통이 혼잡할 것으로 예상되니,\n              </Text>\n              <Text color=\"gray.5\" size={24} css={styleMapSubTitle}>\n                대중교통 이용을 권장드려요\n              </Text>\n            </Box>\n          </motion.div>\n          <motion.div\n            viewport={{ once: true }}\n            transition={{ ...textTransitionTimingFunction, delay: 0.4 }}\n            initial={textTransitionInitialOptions}\n            whileInView={textTransitionAnimateOptions}>\n            <Button\n              component=\"a\"\n              variant=\"outline\"\n              color=\"dark\"\n              size=\"xl\"\n              radius=\"xl\"\n              href=\"https://naver.me/GvkWW8by\"\n              target=\"_blank\"\n              css={{\n                ':hover': {\n                  backgroundColor: '#25262b',\n                  color: 'white'\n                }\n              }}\n              leftIcon={<Icon icon={faLocationArrow} />}>\n              길찾기\n            </Button>\n          </motion.div>\n        </Box>\n        <motion.div\n          viewport={{ once: true }}\n          transition={{ ...textTransitionTimingFunction, delay: 0.4 }}\n          initial={textTransitionInitialOptions}\n          whileInView={textTransitionAnimateOptions}\n          css={{ width: '100%', height: '100%', flexShrink: 1 }}>\n          <Box id=\"koex-map\" css={styleNaverMapWrapper}></Box>\n        </motion.div>\n      </Box>\n    </Box>\n  );\n};\n\nconst styleMapSubTitle = {\n  [desktopFirstMediaQuery.tablet]: {\n    fontSize: 24\n  },\n  [desktopFirstMediaQuery.mobile]: {\n    fontSize: 14\n  }\n};\n\nconst styleMapSection = css({\n  display: 'flex',\n  justifyContent: 'center',\n  padding: '200px 32px 100px 32px',\n  backgroundColor: 'white',\n  [desktopFirstMediaQuery.mobile]: {\n    padding: '80px 16px 40px 16px'\n  }\n});\n\nconst styleMapBody = css({\n  display: 'flex',\n  maxWidth: '1200px',\n  width: '100%',\n  gap: 80,\n  [desktopFirstMediaQuery.tablet]: {\n    flexDirection: 'column',\n    textAlign: 'center'\n  },\n  [desktopFirstMediaQuery.mobile]: {\n    gap: 40\n  }\n});\n\nconst styleMapTitle = css({\n  [desktopFirstMediaQuery.tablet]: {\n    fontSize: 54\n  },\n  [desktopFirstMediaQuery.mobile]: {\n    fontSize: 28\n  }\n});\n\nconst styleNaverMapWrapper = css({\n  borderRadius: '20px',\n  width: '100%',\n  aspectRatio: '1.7629310344827587 / 1'\n});\n\nexport default Map;\n"],"names":["_ref","name","styles","_ref2","_ref3","styleMapSubTitle","desktopFirstMediaQuery","tablet","fontSize","mobile","styleMapSection","css","display","justifyContent","padding","backgroundColor","styleMapBody","maxWidth","width","gap","flexDirection","textAlign","styleMapTitle","styleNaverMapWrapper","Map","___EmotionJSX","Box","component","styleSection","motion","div","viewport","once","transition","textTransitionTimingFunction","initial","textTransitionInitialOptions","whileInView","textTransitionAnimateOptions","Title","order","size","color","mb","delay","_css","marginBottom","Text","Button","variant","radius","href","target","leftIcon","Icon","icon","faLocationArrow","id"],"sourceRoot":""}