import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import Icons from "../icons";
import SocialIcons from "../icons/social";
import ScreenView from "../screen-view";
import Text from "../text";
import { Row } from "../grid";
import { EQLinks, Press, Social, EqLabLinks } from "./components/index";
import { Col, Wrapper } from "./styled";
import { EqFullLogo } from "./icons";
import { useDevice } from "../../contexts/device";
const texts = {
    about: {
        en: "Equilibrium is a software service with a consensus based governance system. EQ, EQD, and GENS are not a security or regulated instruments. The use of this site and the Equilibrium-based products is subject to Terms of use, by accessing this site you agree to these Terms.",
        zh: "Equilibrium是一种软件服务，具有基于共识的治理系统。EQ代币、EOSDT和本地实用程序代币(NUT)不是证券或受监管的工具。本网站和基于Equilibrium的产品的使用受使用条款的约束，访问本网站即表示您同意这些条款。",
        ko: "이퀄리브리엄은 합의 기반 거버넌스 시스템을 갖춘 소프트웨어 서비스입니다. EQ 토큰, EOSDT 및 NUT(네이티브 유틸리티 토큰)는 증권 또는 규제 대상 요소가 아닙니다. 본 사이트와 이퀄리브리엄 기반 제품의 사용은 본 약관에 동의하는 본 사이트에 접속함으로써 이용 약관의 적용을 받습니다.",
    },
    title1: {
        en: "Resources",
        zh: "资源",
        ko: "리소스",
    },
    title2: {
        en: "Contact us",
        zh: "联系我们",
        ko: "연락하기",
    },
    title3: {
        en: "Seen at",
        zh: "友情链接",
        ko: "에서 볼 수 있습니다",
    },
};
const Footer = ({ lang, isApp, eqLab, subscriber }) => {
    const { screen } = useDevice();
    const isMobile = screen !== "large";
    if (eqLab)
        return (_jsx(Wrapper, { className: "ui-footer--eqlab", children: _jsxs(Row, { spaceBetween: true, alignItems: "flex-end", children: [_jsxs(Col, { width: isMobile ? "100%" : "112px", children: [_jsx("div", { className: "ui-footer__logo", children: _jsx(Icons.EqLabFullLogo, {}) }), _jsxs(Row, { className: "ui-footer__soc-icons-row", spaceBetween: true, alignItems: "center", children: [_jsx("a", { href: "https://twitter.com/EquilibriumDeFi", target: "_blank", children: _jsx(SocialIcons.Twitter, {}) }), _jsx("a", { href: "https://t.me/equilibrium_eosdt_official", target: "_blank", children: _jsx(SocialIcons.Telegram, {}) }), _jsx("a", { href: "https://github.com/equilibrium-eosdt", target: "_blank", children: _jsx(SocialIcons.Github, {}) })] })] }), _jsx(ScreenView.Large, { children: _jsx(Col, { width: "233px", children: _jsx(EqLabLinks, { lang: lang }) }) }), subscriber ? (_jsx(_Fragment, { children: _jsx(Col, { width: isMobile ? "100%" : "372px", children: subscriber }) })) : null] }) }));
    return (_jsxs(Wrapper, { isApp: isApp, withColMargin: !eqLab && !!subscriber, children: [_jsx(ScreenView.NotLarge, { children: subscriber && (_jsx(Col, { width: isMobile ? "100%" : "420px", className: "subscriber", children: subscriber })) }), _jsxs(Row, { spaceBetween: true, noWrap: !isMobile, children: [_jsxs(Col, { width: isMobile ? "310px" : "235px", children: [_jsx("div", { className: "ui-footer__logo", children: isMobile ? _jsx(Icons.EquilibriumFullLogo, {}) : _jsx(EqFullLogo, {}) }), _jsxs(Text.F3, { className: "ui-footer__description", children: [texts.about[lang], _jsx("br", {}), _jsx("br", {}), "\u00A9 Equilibrium Lab"] })] }), _jsxs(Col, { width: isMobile ? "110px" : "98px", mobColumn: true, children: [_jsx(Text.T4, { className: "ui-footer__title", children: texts.title1[lang] }), _jsx(EQLinks, { lang: lang })] }), _jsxs(Col, { width: isMobile ? "110px" : "96px", mobColumn: true, children: [_jsx(Text.T4, { className: "ui-footer__title", children: texts.title2[lang] }), _jsx(Social, { lang: lang })] }), _jsxs(Col, { width: isMobile ? "250px" : "216px", alignItems: "flex-start", children: [_jsx(Text.T4, { className: "ui-footer__title", children: texts.title3[lang] }), _jsx(Press, {})] }), _jsx(ScreenView.Large, { children: subscriber && (_jsx(Col, { width: isMobile ? "100%" : "420px", className: "subscriber", children: subscriber })) })] })] }));
};
export default Footer;
//# sourceMappingURL=index.js.map