import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject, _templateObject2;

import React from 'react';
import Link from 'next/link';
import styled from 'styled-components';
import { IconDistrictLogoNew } from '../../../Common/Icons';
export var Logo = (_ref) => {
  var {
    pushDown
  } = _ref;
  return /*#__PURE__*/React.createElement(LogoContainer, {
    pushDown: pushDown
  }, /*#__PURE__*/React.createElement(Link, {
    href: "/",
    passHref: true,
    prefetch: false
  }, /*#__PURE__*/React.createElement(LogoLink, {
    "aria-label": "Homepage"
  }, /*#__PURE__*/React.createElement(IconDistrictLogoNew, null))));
};
var LogoContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: block;\n  position: relative;\n  left: -1rem;\n  transition: ", ";\n  top: 3.5rem;\n  z-index: 1;\n  transform: translateY(-50%);\n"])), props => props.pushDown ? 'top 0.35s ease' : '');
var LogoLink = styled.a(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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"])), (_ref2) => {
  var {
    theme
  } = _ref2;
  return theme.palette.secondary;
});
//# sourceMappingURL=index.js.map