import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import PressLogo from "./press-logo";
import styled from "styled-components";
import { trackEvent } from "../common";
import ScreenView from "../../../screen-view";
import { Row, Col as RawCol } from "../../../grid";
import Space from "../../../space";
export const Wrapper = styled.div `
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  width: 100%;
  max-width: 912px;
  margin: 0px auto;

  svg {
    margin-bottom: 20px;
    filter: grayscale(85%);
    opacity: 0.7;
    transition: 0.2s;
  }
  a:hover {
    text-decoration: underline;

    svg {
      filter: unset;
      opacity: 1;
    }
  }

  @media (max-width: 1023px) {
    max-width: 300px;
    margin: 0 auto 0 0;

    svg {
      margin-bottom: 11px;
      max-width: 60px;
    }
  }
`;
export const Col = styled.div `
  display: flex;
  flex-flow: column nowrap;
  flex-basis: 110px;
  max-width: 110px;
  min-width: 110px;

  @media (max-width: 1023px) {
    flex-direction: row;
    align-items: center;
    max-width: 100%;
    min-width: 100%;
    flex-basis: 100%;
    justify-content: space-between;
  }
`;
const DesktopWrapper = styled.div `
  svg {
    margin-bottom: 20px;
    filter: grayscale(85%);
    opacity: 0.7;
    transition: 0.2s;
  }

  a:hover {
    text-decoration: underline;

    svg {
      filter: unset;
      opacity: 1;
    }
  }
`;
const trackClickLink = (action, category, nameOrLink) => {
    trackEvent("event", action, {
        event_category: category,
        event_label: nameOrLink,
    });
};
const Press = () => {
    return (_jsxs(_Fragment, { children: [_jsx(ScreenView.Large, { children: _jsxs(DesktopWrapper, { children: [_jsxs(Row, { alignItems: "center", className: "ui-footer__row-press", children: [_jsx(RawCol, { width: "92px", children: _jsx("a", { href: "https://news.bitcoin.com/whats-being-built-and-whats-not-on-2019s-smart-contract-blockchains/", target: "_blank", onClick: (e) => trackClickLink("Trade", "Outbound Links", e.currentTarget.href), children: _jsx(PressLogo.Bitcoincom, {}) }) }), _jsx(Space, { width: 16 }), _jsx(RawCol, { width: "92px", children: _jsx("a", { href: "https://www.inc.com/andrew-thomas/4-fast-ways-to-fund-your-business-without-venture-capital.html", target: "_blank", onClick: (e) => trackClickLink("Trade", "Outbound Links", e.currentTarget.href), children: _jsx(PressLogo.Inc, {}) }) })] }), _jsxs(Row, { alignItems: "center", className: "ui-footer__row-press", children: [_jsx(RawCol, { width: "92px", children: _jsx("a", { href: "https://www.coindesk.com/equilibriums-stablecoin-now-has-17-5m-in-insurance-that-pays-out-automatically", target: "_blank", onClick: (e) => trackClickLink("Trade", "Outbound Links", e.currentTarget.href), children: _jsx(PressLogo.Coindesk, {}) }) }), _jsx(Space, { width: 32 }), _jsx(RawCol, { width: "92px", children: _jsx("a", { href: "https://www.cryptoglobe.com/latest/2019/08/huobi-s-multi-currency-wallet-adds-support-for-eos-based-stablecoin-eosdt/", target: "_blank", onClick: (e) => trackClickLink("Trade", "Outbound Links", e.currentTarget.href), children: _jsx(PressLogo.Cryptoglobe, {}) }) })] }), _jsxs(Row, { alignItems: "center", className: "ui-footer__row-press", children: [_jsx(RawCol, { width: "92px", children: _jsx("a", { href: "https://cointelegraph.com/explained/stablecoins-explained", target: "_blank", onClick: (e) => trackClickLink("Trade", "Outbound Links", e.currentTarget.href), children: _jsx(PressLogo.Cointelegraph, {}) }) }), _jsx(Space, { width: 32 }), _jsx(RawCol, { width: "92px", children: _jsx("a", { href: "https://www.entrepreneur.com/article/333116", target: "_blank", onClick: (e) => trackClickLink("Trade", "Outbound Links", e.currentTarget.href), children: _jsx(PressLogo.Enterpreneur, {}) }) })] })] }) }), _jsx(ScreenView.NotLarge, { children: _jsxs(Wrapper, { children: [_jsxs(Col, { children: [_jsx("a", { href: "https://news.bitcoin.com/whats-being-built-and-whats-not-on-2019s-smart-contract-blockchains/", target: "_blank", onClick: (e) => trackClickLink("Trade", "Outbound Links", e.currentTarget.href), children: _jsx(PressLogo.Bitcoincom, {}) }), _jsx("a", { href: "https://www.coindesk.com/equilibriums-stablecoin-now-has-17-5m-in-insurance-that-pays-out-automatically", target: "_blank", onClick: (e) => trackClickLink("Trade", "Outbound Links", e.currentTarget.href), children: _jsx(PressLogo.Coindesk, {}) }), _jsx("a", { href: "https://cointelegraph.com/explained/stablecoins-explained", target: "_blank", onClick: (e) => trackClickLink("Trade", "Outbound Links", e.currentTarget.href), children: _jsx(PressLogo.Cointelegraph, {}) })] }), _jsxs(Col, { children: [_jsx("a", { href: "https://www.inc.com/andrew-thomas/4-fast-ways-to-fund-your-business-without-venture-capital.html", target: "_blank", onClick: (e) => trackClickLink("Trade", "Outbound Links", e.currentTarget.href), children: _jsx(PressLogo.Inc, {}) }), _jsx("a", { href: "https://www.cryptoglobe.com/latest/2019/08/huobi-s-multi-currency-wallet-adds-support-for-eos-based-stablecoin-eosdt/", target: "_blank", onClick: (e) => trackClickLink("Trade", "Outbound Links", e.currentTarget.href), children: _jsx(PressLogo.Cryptoglobe, {}) }), _jsx("a", { href: "https://www.entrepreneur.com/article/333116", target: "_blank", onClick: (e) => trackClickLink("Trade", "Outbound Links", e.currentTarget.href), children: _jsx(PressLogo.Enterpreneur, {}) })] })] }) })] }));
};
export default Press;
//# sourceMappingURL=index.js.map