@unstoppabledomains/ui-kit
Version:
A set of common Unstoppable Domains components
74 lines (73 loc) • 3.58 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _SvgIcon = _interopRequireDefault(require("@mui/material/SvgIcon"));
var _react = _interopRequireDefault(require("react"));
var _styles = require("../../styles");
var _excluded = ["iconRef"];
var useStyles = (0, _styles.makeStyles)()(function () {
return {
id: {}
};
});
var CompoundTether = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
var iconRef = _ref.iconRef,
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
var _useStyles = useStyles(),
classes = _useStyles.classes;
var uuid = classes.id;
var paths = [{
d: 'M209.3,226.9c-19.5,16.1-43.4,26-68.6,28.4c-33.7,3.3-67.4-6.9-93.7-28.4c-26.2-21.5-42.8-52.5-46.2-86.3c-2.5-25.2,2.5-50.5,14.4-72.8c11.9-22.3,30.2-40.6,52.5-52.5c22.3-11.9,47.6-17,72.8-14.5c25.2,2.5,49,12.3,68.6,28.4l-25.8,31.5c-13.3-10.9-29.6-17.7-46.8-19.3c-17.2-1.7-34.4,1.8-49.6,9.9c-15.2,8.1-27.6,20.6-35.8,35.8c-8.1,15.2-11.5,32.5-9.8,49.6c2.3,23,13.6,44.2,31.5,58.8c17.9,14.7,40.9,21.6,63.9,19.3c17.2-1.7,33.4-8.5,46.7-19.4L209.3,226.9z'
}];
var ids = Array.from({
length: paths.length
}).map(function (_, i) {
return "compound-tether-".concat(uuid, "-").concat(i);
});
return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({
viewBox: "0 0 256 256"
}, props, {
ref: iconRef || ref
}), /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("circle", {
className: "st0",
cx: "128.1",
cy: "128.2",
r: "127.9",
fill: "#EDF0F2"
}), /*#__PURE__*/_react["default"].createElement("linearGradient", {
id: ids[0],
gradientUnits: "userSpaceOnUse",
x1: "92.0939",
y1: "243.6545",
x2: "132.1881",
y2: "21.3615",
gradientTransform: "matrix(1 0 0 -1 0 258)"
}, /*#__PURE__*/_react["default"].createElement("stop", {
offset: "0",
stopColor: "#27D3A2"
}), /*#__PURE__*/_react["default"].createElement("stop", {
offset: "1",
stopColor: "#9388FD"
})), paths.map(function (_ref2, i) {
var d = _ref2.d;
return /*#__PURE__*/_react["default"].createElement("path", {
key: ids[i],
d: d,
fill: "url(#".concat(ids[i], ")")
});
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M128.5,232.9c57.7,0,104.4-46.8,104.4-104.4C232.9,70.8,186.2,24,128.5,24C70.8,24,24,70.8,24,128.5 C24,186.2,70.8,232.9,128.5,232.9z",
fill: "#FFFFFF"
})), /*#__PURE__*/_react["default"].createElement("path", {
d: "M137.9,131.3L137.9,131.3c-0.6,0-3.4,0.2-9.8,0.2c-5.1,0-8.7-0.2-10-0.2l0,0c-19.7-0.9-34.3-4.2-34.3-8.3 c0-4.1,14.7-7.4,34.3-8.3V128c1.3,0.1,5,0.3,10.1,0.3c6.1,0,9.2-0.3,9.7-0.3v-13.2c19.6,0.9,34.3,4.2,34.3,8.3 C172.2,127.1,157.6,130.5,137.9,131.3L137.9,131.3L137.9,131.3z M137.9,113.4v-11.8h27.4v-18H90.8v18h27.4v11.8 c-22.3,1-39,5.4-39,10.6s16.7,9.6,39,10.6v37.9h19.8v-37.9c22.2-1,38.9-5.4,38.9-10.6C176.9,118.8,160.2,114.4,137.9,113.4 L137.9,113.4L137.9,113.4z M137.9,113.4L137.9,113.4z",
fill: "#283947",
fillRule: "evenodd",
clipRule: "evenodd"
})));
});
var _default = exports["default"] = CompoundTether;