import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { t } from "ttag";
import { useGetLang } from "../../hooks/locale";
import { toSvgLink } from "../../utils/format";
import ScreenView from "../screen-view";
import NavBanner from "./banner";
import BurgerMobile from "./burger-mobile";
import LangSwitcher from "./lang-switcher";
import { Logo as logoImg } from "./logo";
import { Header, Nav, Logo, Links, Link, SimpleLink } from "./styled";
// TODO: not actual header
const Navigation = () => {
    const lang = useGetLang();
    return (_jsxs(_Fragment, { children: [_jsx(Header, { children: _jsxs(Nav, { children: [_jsx(Logo, { to: "/", children: _jsx("img", { src: toSvgLink(logoImg) }) }), _jsx(ScreenView.Large, { children: _jsxs(Links, { children: [_jsx(Link, { to: `/${lang}/lockdrop`, children: t `Lockdrop` }), _jsx(Link, { to: `/${lang}/plo`, children: t `PLO` }), _jsx(SimpleLink, { href: "/docs/genshiro-tokenomics.pdf", children: t `GENS tokenomy` }), _jsx(SimpleLink, { href: process.env.REACT_APP_EQUILIBRIUM_URL, children: t `Equilibrium` })] }) }), _jsx(LangSwitcher, {}), _jsx(ScreenView.NotLarge, { children: _jsx(BurgerMobile
                            // @ts-ignore
                            , { 
                                // @ts-ignore
                                lang: lang }) })] }) }), _jsx(NavBanner, { content: t `EQ/GENS lockdrop starts on May 27! Join the earlier subscription list here and get an additional bonus of 1%`, url: `https://genshiro.equilibrium.io/${lang}/lockdrop#lockdropForm?utm_source=genshiro_web&utm_medium=banner&utm_campaign=lockdrop_banners` })] }));
};
export default Navigation;
//# sourceMappingURL=index.js.map