@unstoppabledomains/ui-kit
Version:
A set of common Unstoppable Domains components
52 lines (51 loc) • 1.99 kB
JavaScript
;
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 TransferColored = function TransferColored(props) {
var _useStyles = useStyles(),
classes = _useStyles.classes;
var paths = ['M50 16.666L45.3 21.366L50 26.0993L57.2333 33.3327H26.6667C17.4667 33.3327 10 40.7994 10 49.9994V63.3327H16.6667V49.9994C16.6667 44.4994 21.1667 39.9994 26.6667 39.9994H57.2333L50 47.2327L45.3 51.9327L50 56.666L70 36.666L50 16.666Z'];
var uuid = classes.id;
var ids = Array.from({
length: paths.length
}).map(function (_, i) {
return "transfer-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: "10",
y1: "63.3327",
x2: "55.2308",
y2: "5.17884",
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"] = TransferColored;