text: webpackHotUpdate("static/development/pages/_app.js",{
  
  /***/ "./components/Header.js":
  /*!******************************!*\
    !*** ./components/Header.js ***!
    \******************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var _Nav_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Nav.js */ "./components/Nav.js");
  /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! next/router */ "./node_modules/next/router.js");
  /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_2__);
  /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! next/link */ "./node_modules/next/link.js");
  /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_3__);
  /* harmony import */ var nprogress__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! nprogress */ "./node_modules/nprogress/nprogress.js");
  /* harmony import */ var nprogress__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(nprogress__WEBPACK_IMPORTED_MODULE_4__);
  /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! styled-components */ "./node_modules/styled-components/dist/styled-components.browser.esm.js");
  /* harmony import */ var _Cart__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Cart */ "./components/Cart.js");
  /* harmony import */ var _Search__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Search */ "./components/Search.js");
  var _jsxFileName = "/Users/FlaviuVadan/Documents/Git/sick-fits/frontend/components/Header.js";
  
  
  
  
  
  
  
   // listen to changes in the router as we go from one component to another and set each to a function
  
  next_router__WEBPACK_IMPORTED_MODULE_2___default.a.onRouteChangeStart = function () {
    nprogress__WEBPACK_IMPORTED_MODULE_4___default.a.start();
  };
  
  next_router__WEBPACK_IMPORTED_MODULE_2___default.a.onRouteChangeComplete = function () {
    nprogress__WEBPACK_IMPORTED_MODULE_4___default.a.done();
  };
  
  next_router__WEBPACK_IMPORTED_MODULE_2___default.a.onRouteChangeError = function () {
    nprogress__WEBPACK_IMPORTED_MODULE_4___default.a.done();
  }; // again, using a constant styling variable, tag template literal
  // notice the use of media query to center when we hit < 1300px
  
  
  var Logo = styled_components__WEBPACK_IMPORTED_MODULE_5__["default"].h1.withConfig({
    displayName: "Header__Logo",
    componentId: "sc-2cpreo-0"
  })(["font-size:4rem;margin-left:2rem;position:relative;z-index:2;transform:skew(-7deg);a{padding:0.5rem 1rem;background:", ";color:", ";text-transform:uppercase;text-decoration:none}@media (max-width:", ") margin:0;text-align:center;"], function (props) {
    return props.theme.red;
  }, function (props) {
    return props.theme.offWhite;
  }, function (props) {
    return props.theme.mediaWidth;
  });
  var StyledHeader = styled_components__WEBPACK_IMPORTED_MODULE_5__["default"].header.withConfig({
    displayName: "Header__StyledHeader",
    componentId: "sc-2cpreo-1"
  })([".bar{border-bottom:10px solid ", ";display:grid;grid-template-columns:auto 1fr;justify-content:space-between;align-items:stretch;@media (max-width:", "){grid-template-columns:1fr;justify-content:center;}}.sub-bar{display:grid;grid-template-columns:auto 1fr;border-bottom:1px solid ", ":}"], function (props) {
    return props.theme.black;
  }, function (props) {
    return props.theme.mediaWidth;
  }, function (props) {
    return props.theme.lightgrey;
  });
  
  var Header = function Header() {
    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(StyledHeader, {
      __source: {
        fileName: _jsxFileName,
        lineNumber: 61
      },
      __self: this
    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
      className: "bar",
      __source: {
        fileName: _jsxFileName,
        lineNumber: 62
      },
      __self: this
    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Logo, {
      __source: {
        fileName: _jsxFileName,
        lineNumber: 63
      },
      __self: this
    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(next_link__WEBPACK_IMPORTED_MODULE_3___default.a, {
      href: "/",
      __source: {
        fileName: _jsxFileName,
        lineNumber: 64
      },
      __self: this
    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("a", {
      __source: {
        fileName: _jsxFileName,
        lineNumber: 65
      },
      __self: this
    }, "Sick Fits"))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Nav_js__WEBPACK_IMPORTED_MODULE_1__["default"], {
      __source: {
        fileName: _jsxFileName,
        lineNumber: 68
      },
      __self: this
    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
      className: "sub-bar",
      __source: {
        fileName: _jsxFileName,
        lineNumber: 70
      },
      __self: this
    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Search__WEBPACK_IMPORTED_MODULE_7__["default"], {
      __source: {
        fileName: _jsxFileName,
        lineNumber: 71
      },
      __self: this
    }, "Search")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Cart__WEBPACK_IMPORTED_MODULE_6__["default"], {
      __source: {
        fileName: _jsxFileName,
        lineNumber: 73
      },
      __self: this
    }));
  };
  
  /* harmony default export */ __webpack_exports__["default"] = (Header);
  
  /***/ })
  
  })
  //# sourceMappingURL=_app.js.e683bac6d22837a1b302.hot-update.js.map