{"version":3,"file":"714ed12f-2283362554c238b9811c.js","mappings":"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","sources":["webpack://inflearn-static/./src/components/infcon-2024/common/GNB/Header.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport { faAngleDown } from '@fortawesome/pro-regular-svg-icons';\nimport { faArrowUpRightFromSquare } from '@fortawesome/pro-solid-svg-icons';\nimport {\n  Box,\n  Button,\n  desktopFirstMediaQuery,\n  Icon,\n  type MantineTheme,\n  Menu,\n  Text,\n  useTheme\n} from '@inflearn/ds-react';\nimport { isEmpty } from 'lodash-es';\nimport { useLocation } from '../../../../layouts/Infcon2024Layout';\nimport { prefix, URLS } from '../../../../utils/urls';\nimport { useMainButtonText } from './useMainButtonText';\n\nconst Header = () => {\n  const theme = useTheme();\n  const dropdownItemStyle = getHeaderDropdownItemStyle(theme);\n  const { buttonText, disabled } = useMainButtonText();\n  const location = useLocation();\n  const getStyleWhenPathnameIncluded = (url: string | string[]) => {\n    if (location == null) {\n      return;\n    }\n    const style = styleActiveButton(theme);\n    if (typeof url === 'object') {\n      const filteredUrls = url.filter((urlItem) => location.pathname.includes(urlItem));\n      if (isEmpty(filteredUrls)) {\n        return false;\n      }\n      return style;\n    }\n\n    return location.pathname.includes(url) && style;\n  };\n\n  return (\n    <Box component=\"header\" css={styleHeader(theme)} id={'infcon-2023-header-pc'}>\n      <Box\n        css={{\n          width: '100%',\n          maxWidth: 1200\n        }}>\n        <Box css={styleHeaderBody(theme)}>\n          <a href={`${prefix}${URLS.INFCON_2024__HOME}`}>\n            <Text size=\"lg\" weight=\"bold\" color=\"black\">\n              INFCON 2024\n            </Text>\n          </a>\n          <Box\n            component=\"ul\"\n            css={{\n              display: 'flex',\n              listStyle: 'none'\n            }}>\n            <Box component=\"li\">\n              <a href={`${prefix}${URLS.INFCON_2024__SESSION}`}>\n                <Button\n                  variant=\"subtle\"\n                  color=\"dark\"\n                  size=\"md\"\n                  radius=\"md\"\n                  compact\n                  css={[\n                    headerButtonStyle,\n                    getStyleWhenPathnameIncluded(URLS.INFCON_2024__SESSION)\n                  ]}>\n                  발표/프로그램\n                </Button>\n              </a>\n            </Box>\n            <Box component=\"li\">\n              <Menu withArrow styles={{ item: { padding: 0 } }} trigger=\"hover\">\n                <Menu.Target>\n                  <a href={`${prefix}${URLS.INFCON_2024__EVENT}`}>\n                    <Button\n                      variant=\"subtle\"\n                      color=\"dark\"\n                      size=\"md\"\n                      radius=\"md\"\n                      compact\n                      css={[\n                        headerButtonStyle,\n                        getStyleWhenPathnameIncluded([URLS.INFCON_2024__EVENT, URLS.INFCON__ACTION])\n                      ]}\n                      rightIcon={<Icon icon={faAngleDown} />}>\n                      행사 즐기기\n                    </Button>\n                  </a>\n                </Menu.Target>\n                <Menu.Dropdown>\n                  <Menu.Item>\n                    <a\n                      href={`${prefix}${URLS.INFCON_2024__EVENT}`}\n                      css={[\n                        dropdownItemStyle,\n                        getStyleWhenPathnameIncluded(URLS.INFCON_2024__EVENT)\n                      ]}>\n                      이벤트\n                    </a>\n                  </Menu.Item>\n                  <Menu.Item css={{ width: '130px' }}>\n                    <Box\n                      component=\"a\"\n                      target={'_blank'}\n                      href={URLS.INFCON_2024__ACTION}\n                      css={[dropdownItemStyle, getStyleWhenPathnameIncluded(URLS.INFCON__ACTION)]}>\n                      이것만은 지켜요\n                    </Box>\n                  </Menu.Item>\n                </Menu.Dropdown>\n              </Menu>\n            </Box>\n            <Box component=\"li\">\n              <a href={`${prefix}${URLS.INFCON_2024__FAQ}`}>\n                <Button\n                  variant=\"subtle\"\n                  color=\"dark\"\n                  size=\"md\"\n                  radius=\"md\"\n                  compact\n                  css={[headerButtonStyle, getStyleWhenPathnameIncluded(URLS.INFCON_2024__FAQ)]}>\n                  FAQ\n                </Button>\n              </a>\n            </Box>\n            <Box component=\"li\">\n              <a href={`${prefix}${URLS.INFCON_2024__MY}`}>\n                <Button\n                  variant=\"subtle\"\n                  color=\"dark\"\n                  size=\"md\"\n                  radius=\"md\"\n                  compact\n                  css={[headerButtonStyle, getStyleWhenPathnameIncluded(URLS.INFCON_2024__MY)]}>\n                  MY\n                </Button>\n              </a>\n            </Box>\n          </Box>\n          <Button\n            size=\"sm\"\n            component=\"a\"\n            href={URLS.INFCON_2024__APPLY}\n            target=\"_blank\"\n            radius=\"sm\"\n            variant=\"default\"\n            color=\"dark\"\n            css={{\n              transition: 'background 0.2s ease'\n            }}\n            leftIcon={<Icon icon={faArrowUpRightFromSquare} />}\n            disabled={disabled}>\n            {buttonText}\n          </Button>\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n\nconst headerButtonStyle = css({\n  padding: '0 16px',\n  '&:hover': {\n    backgroundColor: 'transparent !important'\n  }\n});\n\nconst getHeaderDropdownItemStyle = (theme: MantineTheme) =>\n  css({\n    display: 'block',\n    padding: '10px 12px',\n    width: '130px',\n    height: '100%',\n    color: theme.colors.dark[9],\n    fontSize: '16px',\n    ':hover': {\n      backgroundColor: theme.colors.gray[1]\n    }\n  });\n\nconst styleHeader = (theme: MantineTheme) =>\n  css({\n    zIndex: 30,\n    position: 'absolute',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderBottom: `1px solid ${theme.colors.gray[2]}`,\n    width: '100%',\n    height: '64px',\n    backgroundColor: 'inherit',\n    backdropFilter: 'blur(20px)',\n    [desktopFirstMediaQuery.mobile]: {\n      display: 'none'\n    }\n  });\nconst styleHeaderBody = (theme: MantineTheme) =>\n  css({\n    display: 'flex',\n    height: '100%',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    margin: '0 auto',\n    padding: '0 32px',\n    maxWidth: 1200,\n    color: theme.colors.gray[7]\n  });\n\nconst styleActiveButton = (theme: MantineTheme) =>\n  css({\n    color: theme.colors.blue[7]\n  });\n\nexport default Header;\n"],"names":["_ref","name","styles","_ref2","_ref3","_ref4","headerButtonStyle","getHeaderDropdownItemStyle","theme","css","display","padding","width","height","color","colors","dark","fontSize","backgroundColor","gray","styleHeader","zIndex","position","alignItems","justifyContent","borderBottom","backdropFilter","desktopFirstMediaQuery","mobile","styleHeaderBody","margin","maxWidth","styleActiveButton","blue","Header","useTheme","dropdownItemStyle","buttonText","disabled","useMainButtonText","location","useLocation","getStyleWhenPathnameIncluded","url","style","filteredUrls","filter","urlItem","pathname","includes","_isEmpty","___EmotionJSX","Box","component","id","href","prefix","URLS","INFCON_2024__HOME","Text","size","weight","INFCON_2024__SESSION","Button","variant","radius","compact","Menu","withArrow","item","trigger","Target","INFCON_2024__EVENT","INFCON__ACTION","rightIcon","Icon","icon","faAngleDown","Dropdown","Item","target","INFCON_2024__ACTION","INFCON_2024__FAQ","INFCON_2024__MY","INFCON_2024__APPLY","leftIcon","faArrowUpRightFromSquare"],"sourceRoot":""}