UNPKG

@unstoppabledomains/ui-kit

Version:

A set of common Unstoppable Domains components

97 lines (96 loc) 3.31 kB
"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;