import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import ScreenView from "../../../screen-view";
import { List } from "../../styled";
import { IconWrapper } from "../../styled";
import { Link, trackEvent } from "../common";
import SocLogo from "./social-logo";
const socialsLinks = [
    {
        name: "Telegram",
        url: "https://t.me/equilibrium_eosdt_official",
        en: "Telegram",
        zh: "Telegram",
        ko: "Telegram",
    },
    {
        name: "Twitter",
        url: "https://twitter.com/EquilibriumDeFi",
        en: "Twitter",
        zh: "Twitter",
        ko: "Twitter",
    },
    {
        name: "Medium",
        url: "https://medium.com/equilibrium-eosdt",
        en: "Medium",
        zh: "Medium",
        ko: "Medium",
    },
    {
        name: "Github",
        url: "https://github.com/equilibrium-eosdt",
        en: "Github",
        zh: "Github",
        ko: "Github",
    },
    {
        name: "Blog",
        url: "#",
        en: "Blog",
        zh: "Blog",
        ko: "Blog",
    },
];
const trackClickLink = (action, category, nameOrLink) => {
    trackEvent("event", action, {
        event_category: category,
        event_label: nameOrLink,
    });
};
const SocialIcon = ({ name, url }) => {
    return (_jsxs(IconWrapper, { href: url, onClick: () => trackClickLink("Social", "Outbound Links", name), target: "_blank", children: [name === "Twitter" && _jsx(SocLogo.Twitter, {}), name === "Telegram" && _jsx(SocLogo.Telegram, {}), name === "Github" && _jsx(SocLogo.Github, {}), name === "Medium" && _jsx(SocLogo.Medium, {}), name === "Blog" && _jsx(SocLogo.Blog, {})] }));
};
const Social = ({ lang }) => {
    return (_jsxs(_Fragment, { children: [_jsx(ScreenView.Large, { children: _jsx(List, { children: socialsLinks.map((link, i) => (_jsx(Link, { href: link.url, text: link[lang], blank: true, onClick: () => trackClickLink("Social", "Outbound Links", link.name) }, i))) }) }), _jsx(ScreenView.NotLarge, { children: _jsx(List, { style: { display: "flex" }, children: socialsLinks.map((icon, i) => (_jsx(SocialIcon, { name: icon.name, url: icon.url }, i))) }) })] }));
};
export default Social;
//# sourceMappingURL=index.js.map