@unstoppabledomains/ui-kit
Version:
A set of common Unstoppable Domains components
52 lines (51 loc) • 2.3 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 LinkColored = function LinkColored(props) {
var _useStyles = useStyles(),
classes = _useStyles.classes;
var paths = ['M9.10002 27.9997C9.10002 24.0097 12.3434 20.7663 16.3334 20.7663H25.6667V16.333H16.3334C9.89335 16.333 4.66669 21.5597 4.66669 27.9997C4.66669 34.4397 9.89335 39.6663 16.3334 39.6663H25.6667V35.233H16.3334C12.3434 35.233 9.10002 31.9897 9.10002 27.9997ZM18.6667 30.333H37.3334V25.6663H18.6667V30.333ZM39.6667 16.333H30.3334V20.7663H39.6667C43.6567 20.7663 46.9 24.0097 46.9 27.9997C46.9 31.9897 43.6567 35.233 39.6667 35.233H30.3334V39.6663H39.6667C46.1067 39.6663 51.3334 34.4397 51.3334 27.9997C51.3334 21.5597 46.1067 16.333 39.6667 16.333Z'];
var uuid = classes.id;
var ids = Array.from({
length: paths.length
}).map(function (_, i) {
return "link-colored-".concat(uuid, "-").concat(i);
});
return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({
viewBox: "0 0 56 56"
}, 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: "4.66669",
y1: "39.6663",
x2: "23.3334",
y2: "2.33301",
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"] = LinkColored;