"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.Logo = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

var _react = _interopRequireDefault(require("react"));

var _link = _interopRequireDefault(require("next/link"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _Icons = require("../../../Common/Icons");

var _templateObject, _templateObject2;

var Logo = function Logo(_ref) {
  var pushDown = _ref.pushDown;
  return /*#__PURE__*/_react["default"].createElement(LogoContainer, {
    pushDown: pushDown
  }, /*#__PURE__*/_react["default"].createElement(_link["default"], {
    href: "/",
    passHref: true,
    prefetch: false
  }, /*#__PURE__*/_react["default"].createElement(LogoLink, {
    "aria-label": "Homepage"
  }, /*#__PURE__*/_react["default"].createElement(_Icons.IconDistrictLogoNew, null))));
};

exports.Logo = Logo;

var LogoContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  display: block;\n  position: relative;\n  left: -1rem;\n  transition: ", ";\n  top: 3.5rem;\n  z-index: 1;\n  transform: translateY(-50%);\n"])), function (props) {
  return props.pushDown ? 'top 0.35s ease' : '';
});

var LogoLink = _styledComponents["default"].a(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  color: ", ";\n  cursor: pointer;\n  text-decoration: none;\n  box-sizing: border-box;\n\n  transition: opacity 0.15s ease;\n\n  &:hover {\n    opacity: 0.5;\n  }\n"])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.palette.secondary;
});
//# sourceMappingURL=index.js.map