{"version":3,"file":"static/js/75558.171f4ff1.chunk.js","mappings":"6JAEO,MAAMA,EAAYC,EAAAA,GAAOC,IAAGC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAVJ,CAAU,qOAgBtBK,EAAcL,EAAAA,GAAOC,IAAGC,WAAA,CAAAC,YAAA,qBAAAC,YAAA,gBAAVJ,CAAU,2FAUxBM,EAAQN,EAAAA,GAAOO,KAAIL,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBAAXJ,CAAW,gEAMnBQ,EAAQR,EAAAA,GAAOO,KAAIL,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBAAXJ,CAAW,4F,0BCvBzB,MAAMS,EAAUC,IAEnBC,EAAAA,EAAAA,MAACZ,EAAS,CAACa,UAAWF,EAAMG,QAAU,eAAiB,GAAGC,SAAA,CACvDJ,EAAMK,SACLC,EAAAA,EAAAA,KAACX,EAAW,CAACO,UAAU,eAAcE,UACnCE,EAAAA,EAAAA,KAACC,EAAAA,EAAU,CAACC,QAASR,EAAMK,YAG/BC,EAAAA,EAAAA,KAACV,EAAK,CAAAQ,SAAEJ,EAAMS,SACdH,EAAAA,EAAAA,KAACR,EAAK,CAACI,UAAU,gBAAeE,SAAEJ,EAAMU,U","sources":["components/NavBar/style.ts","components/NavBar/index.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Container = styled.div`\n  background-color: var(--v3-black-0);\n  border-bottom: 1px solid var(--v3-black-6);\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  padding: 0 60px;\n  flex-shrink: 0;\n  display: flex;\n  height: 48px;\n  z-index: 10;\n  left: 0;\n  right: 0;\n  top: 0;\n`;\n\nexport const BackWrapper = styled.div`\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  padding: 12px;\n  align-items: center;\n`;\n\nexport const Title = styled.span`\n  font-size: 18px;\n  color: var(--v3-text-color);\n  font-weight: 600;\n`;\n\nexport const Extra = styled.span`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  padding: 12px;\n  display: flex;\n  align-items: center;\n`;\n","import React, { ReactElement } from 'react';\nimport { BackWrapper, Container, Extra, Title } from './style';\nimport { BackButton } from 'newcomponents/Shared/generic/BackButton';\n\ntype Props = {\n  goBack?: () => any;\n  extra?: React.ReactChild;\n  title: string;\n  isLogin?: boolean;\n};\n\nexport const NavBar = (props: Props): ReactElement => {\n  return (\n    <Container className={props.isLogin ? 'popup-header' : ''}>\n      {props.goBack && (\n        <BackWrapper className=\"back-wrapper\">\n          <BackButton onClick={props.goBack} />\n        </BackWrapper>\n      )}\n      <Title>{props.title}</Title>\n      <Extra className=\"extra-wrapper\">{props.extra}</Extra>\n    </Container>\n  );\n};\n"],"names":["Container","styled","div","withConfig","displayName","componentId","BackWrapper","Title","span","Extra","NavBar","props","_jsxs","className","isLogin","children","goBack","_jsx","BackButton","onClick","title","extra"],"sourceRoot":""}