{"version":3,"sources":["theme/NavHeader@2x.jpg","components/CustomComponents/CustomHeader/Header.js"],"names":["module","exports","__webpack_require__","p","CustomHeadroom","styled","div","_templateObject","up","css","_templateObject2","_templateObject3","HeaderWrapper","_templateObject4","LogoContainer","_templateObject5","_templateObject6","HeaderRightContainer","_templateObject7","_templateObject8","Header","react__WEBPACK_IMPORTED_MODULE_6___default","a","createElement","className","disableInlineStyles","downTolerance","_smooth_ui_core_sc__WEBPACK_IMPORTED_MODULE_9__","justifyContent","xs","lg","react_router_dom__WEBPACK_IMPORTED_MODULE_7__","to","src","HeaderLogo","alt","this","props","children","Component","defaultProps","undefined","theme","withTheme"],"mappings":"+EAAAA,EAAAC,QAAiBC,EAAAC,EAAuB,ulDCOxC,IAAMC,EAAiBC,IAAOC,IAAVC,IAWhBC,YACA,KACAC,YAFEC,MAOFF,YACA,KACAC,YAFEE,OAQAC,EAAgBP,IAAOC,IAAVO,KAMbC,EAAgBT,IAAOC,IAAVS,IAQfP,YACA,KACAC,YAFEO,OAaAC,EAAuBZ,IAAOC,IAAVY,IAOtBV,YACA,KACAC,YAFEU,OASAC,mLAEF,OACEC,EAAAC,EAAAC,cAAA,UAAQC,UAAU,eAGhBH,EAAAC,EAAAC,cAACnB,EAAD,CAAgBqB,qBAAmB,EAACC,cAAe,IACjDL,EAAAC,EAAAC,cAACX,EAAD,CAAeY,UAAU,kBACvBH,EAAAC,EAAAC,cAACI,EAAA,EAAD,KACEN,EAAAC,EAAAC,cAACI,EAAA,EAAD,CAAKC,eAAe,UAClBP,EAAAC,EAAAC,cAACI,EAAA,EAAD,CAAKE,GAAI,EAAGC,GAAI,EAAGN,UAAU,mBAC3BH,EAAAC,EAAAC,cAACT,EAAD,KACEO,EAAAC,EAAAC,cAACQ,EAAA,EAAD,CAAMC,GAAG,KACPX,EAAAC,EAAAC,cAAA,OAAKU,IAAKC,IAAYC,IAAI,2BAIhCd,EAAAC,EAAAC,cAACI,EAAA,EAAD,CAAKG,GAAI,EAAGN,UAAU,mBACpBH,EAAAC,EAAAC,cAACN,EAAD,KACGmB,KAAKC,MAAMC,uBAnBXC,aAoCrBnB,EAAOoB,aAAe,CACpBF,cAAUG,EACVC,WAAOD,GAGME,sBAAUvB","file":"static/js/header.f45abc8b.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/NavHeader@2x.1571e8b1.jpg\";","import React, { Component } from 'react';\n//import Headroom from 'react-headroom';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\nimport { Grid, Row, css, styled, withTheme, Col, up } from '@smooth-ui/core-sc';\nimport HeaderLogo from 'theme/NavHeader@2x.jpg';\n\nconst CustomHeadroom = styled.div`\n  .logo-background {\n    background: linear-gradient(90deg, #fff 0%, #fff 30%, #034ea2 30%);\n  }\n\n  .blue-background {\n    background: #034ea2;\n  }\n\n  background: linear-gradient(90deg, #fff 0%, #fff 25%, #034ea2 25%);\n\n  ${up(\n    'md',\n    css`\n      background: linear-gradient(90deg, #fff 0%, #fff 15%, #034ea2 15%);\n    `\n  )}\n\n  ${up(\n    'xl',\n    css`\n      background: linear-gradient(90deg, #fff 0%, #fff 30%, #034ea2 30%);\n    `\n  )}\n`;\n\nconst HeaderWrapper = styled.div`\n  border-top: 15px solid #034ea2;\n  padding: 0;\n  width: 100%;\n`;\n\nconst LogoContainer = styled.div`\n  align-items: bottom;\n  display: flex;\n  height: 94px;\n  justify-content: left;\n  max-width: 100%;\n  width: 100%;\n\n  ${up(\n    'lg',\n    css`\n      padding-left: 10px;\n    `\n  )}\n\n  img {\n    height: 94px;\n    width: 269px;\n  }\n`;\n\nconst HeaderRightContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  padding-bottom: 5px;\n  width: 100%;\n\n  ${up(\n    'lg',\n    css`\n      flex-direction: column;\n      padding-top: 2rem;\n    `\n  )}\n`;\n\nclass Header extends Component {\n  render() {\n    return (\n      <header className=\"site-header\">\n        {/* Leave the above <header /> here, necessary to contain Headroom */}\n        {/* Otherwise Headroom will wrap all sibling elements */}\n        <CustomHeadroom disableInlineStyles downTolerance={10}>\n          <HeaderWrapper className=\"header-wrapper\">\n            <Grid>\n              <Row justifyContent=\"center\">\n                <Col xs={9} lg={3} className=\"logo-background\">\n                  <LogoContainer>\n                    <Link to=\"/\">\n                      <img src={HeaderLogo} alt=\"Bridgestone Rewards\" />\n                    </Link>\n                  </LogoContainer>\n                </Col>\n                <Col lg={9} className=\"blue-background\">\n                  <HeaderRightContainer>\n                    {this.props.children}\n                  </HeaderRightContainer>\n                </Col>\n              </Row>\n            </Grid>\n          </HeaderWrapper>\n        </CustomHeadroom>\n      </header>\n    );\n  }\n}\n\nHeader.propTypes = {\n  children: PropTypes.node,\n  theme: PropTypes.object,\n};\n\nHeader.defaultProps = {\n  children: undefined,\n  theme: undefined,\n};\n\nexport default withTheme(Header);\n"],"sourceRoot":""}