@unstoppabledomains/ui-kit
Version:
A set of common Unstoppable Domains components
52 lines • 2.48 kB
JavaScript
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
import SvgIcon from '@mui/material/SvgIcon';
import React from 'react';
import { makeStyles } from "../../styles";
const useStyles = makeStyles()(() => ({
id: {}
}));
const NIBI = /*#__PURE__*/React.forwardRef(({
iconRef,
...props
}, ref) => {
const {
classes
} = useStyles();
const uuid = classes.id;
const ids = Array.from({
length: 2
}).map((_, i) => `nibi-${uuid}-${i}`);
return /*#__PURE__*/React.createElement(SvgIcon, _extends({
viewBox: "0 0 24 24"
}, props, {
ref: iconRef || ref
}), /*#__PURE__*/React.createElement("path", {
fill: `url(#${ids[0]})`,
d: "M24 0H0v24h24V0Z"
}), /*#__PURE__*/React.createElement("path", {
fill: "#fff",
d: "m12.311 6.156.228-.327-.228-.16-.228.16.228.327ZM8.725 8.66l-.228-.326-.46.321.455.328.233-.323Zm7.172 0h.398v-.207l-.17-.12-.228.327Zm0 5.176-.233.323.631.456v-.779h-.398Zm-.32 1.503.233.324.45-.323-.449-.324-.233.323Zm-7.17-5.176.232-.323-.631-.456v.78h.398Zm3.682 7.68-.224.33.23.157.226-.163-.232-.324ZM8.406 15.34h-.398v.21l.174.12.224-.33Zm3.677-9.51L8.497 8.334l.456.653 3.586-2.504-.456-.654Zm4.042 2.505-3.586-2.505-.456.654 3.586 2.504.456-.653Zm.17 5.502V8.66h-.797v5.176h.797ZM8.492 8.983l7.172 5.176.466-.646-7.172-5.176-.466.646Zm7.32 6.033L8.638 9.84l-.466.646 7.172 5.176.466-.646Zm-3.49 3.151 3.488-2.504-.464-.648-3.49 2.505.465.647Zm-4.14-2.499 3.683 2.505.448-.659-3.683-2.505-.448.66Zm-.174-5.505v5.176h.797v-5.176h-.797Z"
}), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
id: ids[0],
x1: 28.348,
x2: 9.592,
y1: 34.701,
y2: -10.829,
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("stop", {
stopColor: "#FEF3CC"
}), /*#__PURE__*/React.createElement("stop", {
offset: 0.234,
stopColor: "#D2BBC4"
}), /*#__PURE__*/React.createElement("stop", {
offset: 0.474,
stopColor: "#B689D3"
}), /*#__PURE__*/React.createElement("stop", {
offset: 0.698,
stopColor: "#9493FF"
}), /*#__PURE__*/React.createElement("stop", {
offset: 1,
stopColor: "#4C1CB2"
}))));
});
export default NIBI;