@unstoppabledomains/ui-kit
Version:
A set of common Unstoppable Domains components
97 lines (96 loc) • 3.31 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 Klever = /*#__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: 'M2344.998,1505h-427.135l427.135-422.86V1505z'
}, {
d: 'M2344.998,1505l-213.547-213.588l38.447-34.13L2344.998,1505z'
}, {
d: 'M2344.998,1505h-849.995V655L2344.998,1505z'
}];
var ids = Array.from({
length: paths.length
}).map(function (_, i) {
return "klever-".concat(uuid, "-").concat(i);
});
return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({
viewBox: "1170 330 1500 1500"
}, props, {
ref: iconRef || ref
}), /*#__PURE__*/_react["default"].createElement("circle", {
fill: "#FFFFFF",
cx: "1920",
cy: "1080",
r: "750"
}), 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("linearGradient", {
id: ids[0],
gradientUnits: "userSpaceOnUse",
x1: "2413.0305",
y1: "675.8442",
x2: "2413.0305",
y2: "250.1527",
gradientTransform: "matrix(1 0 0 -1 -281.5996 1756.04)"
}, /*#__PURE__*/_react["default"].createElement("stop", {
offset: "2.717170e-007",
stopColor: "#FF4681"
}), /*#__PURE__*/_react["default"].createElement("stop", {
offset: "1",
stopColor: "#9B44F6"
})), /*#__PURE__*/_react["default"].createElement("linearGradient", {
id: ids[1],
gradientUnits: "userSpaceOnUse",
x1: "2556.7991",
y1: "455.4585",
x2: "2496.886",
y2: "297.2668",
gradientTransform: "matrix(1 0 0 -1 -281.5996 1756.04)"
}, /*#__PURE__*/_react["default"].createElement("stop", {
offset: "9.430190e-007",
stopColor: "#000000"
}), /*#__PURE__*/_react["default"].createElement("stop", {
offset: "1",
stopColor: "#000000"
})), /*#__PURE__*/_react["default"].createElement("linearGradient", {
id: ids[2],
gradientUnits: "userSpaceOnUse",
x1: "1574.1228",
y1: "878.521",
x2: "2425.4524",
y2: "27.1923",
gradientTransform: "matrix(1 0 0 -1 -281.5996 1756.04)"
}, /*#__PURE__*/_react["default"].createElement("stop", {
offset: "9.430190e-007",
stopColor: "#FF4681"
}), /*#__PURE__*/_react["default"].createElement("stop", {
offset: "0.7392",
stopColor: "#9B44F6"
})));
});
var _default = exports["default"] = Klever;