import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import React from "react";
import { t } from "ttag";
import Text from "../../../text";
import { Box } from "../../../grid";
import { StatusTag } from "../../../status-tag";
import { Label, Link } from "./styled";
// TODO: make them functional
const predicates = {
    "Genshiro": (fullPath) => false,
    "PLO": (fullPath) => false,
    "Curve": (fullPath) => false,
    "Lending": (fullPath) => false,
    "DEX": (fullPath) => true,
    "EOSIO": (fullPath) => false,
    "Polkadot": (fullPath) => false,
    "EQ Token": (fullPath) => false,
    "NUT/EQ": (fullPath) => false,
    "About": (fullPath) => false,
};
const Links = ({ onCrossClick }) => {
    const path = React.useMemo(() => {
        return window.location.href.split("?")[0];
    }, []);
    return (_jsxs(_Fragment, { children: [_jsx(Label, { children: t `Products` }), _jsxs(Box, { mt: "10px", children: [_jsx(Box, { children: _jsx(Link, { href: "", className: predicates["Genshiro"](path) ? "active" : "", children: _jsx(Text.F1, { lineHeight: 26, children: t `Genshiro` }) }) }), _jsx(Box, { children: _jsx(Link, { href: "", className: predicates["PLO"](path) ? "active" : "", children: _jsx(Text.F1, { lineHeight: 26, children: t `PLO` }) }) }), _jsx(Box, { children: _jsx(Link, { href: "", className: predicates["Curve"](path) ? "active" : "", children: _jsx(Text.F1, { lineHeight: 26, children: t `Curve` }) }) }), _jsx(Box, { children: _jsxs(Link, { href: "", className: predicates["Lending"](path) ? "active" : "", children: [_jsx(Text.F1, { lineHeight: 26, children: t `Lending` }), _jsx(StatusTag, { className: "status", children: t `New` })] }) }), _jsx(Box, { children: _jsxs(Link, { href: "", className: predicates["DEX"](path) ? "active" : "", children: [_jsx(Text.F1, { lineHeight: 26, children: t `DEX` }), _jsx(StatusTag, { className: "status", children: t `New` })] }) })] }), _jsxs(Box, { mt: "12px", children: [_jsx(Label, { children: t `Main` }), _jsxs(Box, { mt: "5px", children: [_jsx(Box, { children: _jsx(Link, { href: "", className: predicates["EOSIO"](path) ? "active" : "", children: _jsx(Text.F1, { lineHeight: 26, children: t `EOSIO` }) }) }), _jsx(Box, { children: _jsx(Link, { href: "", className: predicates["Polkadot"](path) ? "active" : "", children: _jsx(Text.F1, { lineHeight: 26, children: t `Polkadot` }) }) }), _jsx(Box, { children: _jsx(Link, { href: "", className: predicates["EQ Token"](path) ? "active" : "", children: _jsx(Text.F1, { lineHeight: 26, children: t `EQ Token` }) }) }), _jsx(Box, { children: _jsx(Link, { href: "", className: predicates["NUT/EQ"](path) ? "active" : "", children: _jsx(Text.F1, { lineHeight: 26, children: t `NUT/EQ token swap` }) }) }), _jsx(Box, { children: _jsx(Link, { href: "", className: predicates["About"](path) ? "active" : "", children: _jsx(Text.F1, { lineHeight: 26, children: t `About us` }) }) })] })] }), _jsxs(Box, { mt: "16px", children: [_jsx(Label, { children: t `Docs` }), _jsxs(Box, { mt: "4px", children: [_jsx(Box, { children: _jsx(Link, { href: "", children: _jsx(Text.F1, { lineHeight: 26, children: t `Tokenomics` }) }) }), _jsx(Box, { children: _jsx(Link, { href: "", children: _jsx(Text.F1, { lineHeight: 26, children: t `Whitepaper` }) }) }), _jsx(Box, { children: _jsx(Link, { href: "", children: _jsx(Text.F1, { lineHeight: 26, children: t `Knowledge base` }) }) })] })] })] }));
};
export default Links;
//# sourceMappingURL=links.js.map