@unstoppabledomains/ui-kit
Version:
A set of common Unstoppable Domains components
67 lines (66 loc) • 2.83 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 _SvgIcon = _interopRequireDefault(require("@mui/material/SvgIcon"));
var _react = _interopRequireDefault(require("react"));
var _styles = require("../styles");
var useStyles = (0, _styles.makeStyles)()(function () {
return {
id: {}
};
});
var TallyColored = function TallyColored(props) {
var _useStyles = useStyles(),
classes = _useStyles.classes;
var paths = ['M71.367 38.0327L41.9337 8.59935C40.7003 7.36602 39.0003 6.66602 37.2337 6.66602H13.3337C9.66699 6.66602 6.66699 9.66602 6.66699 13.3327V37.2327C6.66699 38.9994 7.36699 40.6993 8.63366 41.9327L38.067 71.366C40.667 73.966 44.9003 73.966 47.5003 71.366L71.4003 47.466C74.0003 44.866 74.0003 40.666 71.367 38.0327ZM42.767 66.666L13.3337 37.2327V13.3327H37.2337L66.667 42.766L42.767 66.666Z', 'M21.667 26.666C24.4284 26.666 26.667 24.4274 26.667 21.666C26.667 18.9046 24.4284 16.666 21.667 16.666C18.9056 16.666 16.667 18.9046 16.667 21.666C16.667 24.4274 18.9056 26.666 21.667 26.666Z'];
var uuid = classes.id;
var ids = Array.from({
length: paths.length
}).map(function (_, i) {
return "tally-colored-".concat(uuid, "-").concat(i);
});
return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({
viewBox: "0 0 80 80"
}, props), paths.map(function (d, i) {
return /*#__PURE__*/_react["default"].createElement("path", {
key: ids[i],
d: d,
fill: "url(#".concat(ids[i], ")")
});
}), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("linearGradient", {
id: ids[0],
x1: "6.66699",
y1: "73.316",
x2: "73.317",
y2: "6.63683",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/_react["default"].createElement("stop", {
stopColor: "#BD47F7"
}), /*#__PURE__*/_react["default"].createElement("stop", {
offset: "0.5208",
stopColor: "#5D59F8"
}), /*#__PURE__*/_react["default"].createElement("stop", {
offset: "1",
stopColor: "#38BDD1"
})), /*#__PURE__*/_react["default"].createElement("linearGradient", {
id: ids[1],
x1: "6.66699",
y1: "73.316",
x2: "73.317",
y2: "6.63683",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/_react["default"].createElement("stop", {
stopColor: "#BD47F7"
}), /*#__PURE__*/_react["default"].createElement("stop", {
offset: "0.5208",
stopColor: "#5D59F8"
}), /*#__PURE__*/_react["default"].createElement("stop", {
offset: "1",
stopColor: "#38BDD1"
}))));
};
var _default = exports["default"] = TallyColored;