import { jsx as _jsx } from "react/jsx-runtime";
import styled, { useTheme } from "styled-components";
import Icons from "../../../icons";
export const Wrapper = styled.a `
  height: 36px;
  min-width: ${(props) => props.theme.flags?.isGenshiro
    ? "111px"
    : props.theme.flags?.isEqLab
        ? "93px"
        : "47px"};
  max-width: ${(props) => props.theme.flags?.isGenshiro
    ? "111px"
    : props.theme.flags?.isEqLab
        ? "93px"
        : "47px"};
  display: block;

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

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