import "./index.less";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var Foo = function Foo(props) {
  var textStyle = {
    color: props.color || '#1da1f2',
    borderColor: props.color || '#1da1f2'
  };
  return /*#__PURE__*/_jsx("div", {
    className: 'icons',
    style: props.style,
    children: /*#__PURE__*/_jsxs("a", {
      href: "#",
      children: [/*#__PURE__*/_jsxs("div", {
        className: "layer",
        style: textStyle,
        children: [/*#__PURE__*/_jsx("span", {
          style: textStyle
        }), /*#__PURE__*/_jsx("span", {
          style: textStyle
        }), /*#__PURE__*/_jsx("span", {
          style: textStyle
        }), /*#__PURE__*/_jsx("span", {
          style: textStyle
        }), /*#__PURE__*/_jsx("span", {
          className: props.iconClass,
          style: textStyle
        })]
      }), /*#__PURE__*/_jsx("div", {
        className: "text",
        style: textStyle,
        children: props.text
      })]
    })
  });
};
export default Foo;