import { jsx as _jsx } from "react/jsx-runtime";
import styled from "styled-components";
import Icons from "../../../icons";
export const Wrapper = styled.a(({ eqLab, isGenshiro }) => `
  height: 36px;
  min-width: ${isGenshiro ? "111px" : eqLab ? "93px" : "47px"};
  max-width: ${isGenshiro ? "111px" : eqLab ? "93px" : "47px"};
  margin: 0px 45.55px 0px 0px;

  > svg {
    height: 100%;
    width: 100%;
  }

  @media (max-width: 1023px) {
    height: 32px;
    min-width: 36px;
    max-width: ${isGenshiro ? "111px" : eqLab ? "93px" : "36px"};
    margin: 0px;
  }
`);
const Logo = ({ eqLab, isGenshiro }) => {
    return (_jsx(Wrapper, { className: "ui-header__logo", href: eqLab
            ? "https://eqlab.io/"
            : isGenshiro
                ? "https://genshiro.equilibrium.io/"
                : "https://equilibrium.io/", eqLab: eqLab, isGenshiro: isGenshiro, children: isGenshiro ? (_jsx(Icons.GenshiroLogo, {})) : eqLab ? (_jsx(Icons.EqLabFullLogo, {})) : (_jsx(Icons.Logo, {})) }));
};
export default Logo;
//# sourceMappingURL=index.js.map