import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import styled from "styled-components";
import { Github, Mail, Telegram, Twitter } from "./icons";
import { Wrapper } from "./styled";
const Link = styled.a `
  height: 25px;
  width: 25px;
  :hover {
    opacity: 0.8;
    svg {
      fill: ${(props) => `${props.color}66`};
    }
  }
`;
const SocialIcons = (props) => (_jsxs(Wrapper, { children: [_jsx(Link, { href: "https://t.me/equilibrium_eosdt_official", className: "telegramLink", color: props.color, children: _jsx(Telegram, { ...props }) }), _jsx(Link, { href: "https://twitter.com/@equilab", className: "twitterLink", color: props.color, children: _jsx(Twitter, { ...props }) }), _jsx(Link, { href: "https://github.com/equilibrium-eosdt", className: "githubLink", color: props.color, children: _jsx(Github, { ...props }) }), _jsx(Link, { href: "https://eosdt.com/en/contacts", className: "mailLink", color: props.color, children: _jsx(Mail, { ...props }) })] }));
export default SocialIcons;
//# sourceMappingURL=index.js.map