UNPKG

@unstoppabledomains/ui-kit

Version:

A set of common Unstoppable Domains components

47 lines 1.66 kB
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 Nimiq = /*#__PURE__*/React.forwardRef(({ iconRef, ...props }, ref) => { const { classes } = useStyles(); const uuid = classes.id; const paths = [{ d: 'M63.3,25.4L50,2.6C49,1,47.2,0,45.3,0H18.7c-1.9,0-3.7,1-4.6,2.6L0.7,25.4c-1,1.6-1,3.6,0,5.3l13.3,22.7c1,1.6,2.7,2.6,4.6,2.6h26.7c1.9,0,3.7-1,4.7-2.6l13.3-22.8C64.2,29,64.2,27,63.3,25.4z' }]; const ids = Array.from({ length: paths.length }).map((_, i) => `nimiq-${uuid}-${i}`); return /*#__PURE__*/React.createElement(SvgIcon, _extends({ viewBox: "0 0 64 56" }, props, { ref: iconRef || ref }), paths.map(({ d }, i) => /*#__PURE__*/React.createElement("path", { key: ids[i], d: d, fill: `url(#${ids[i]})` })), /*#__PURE__*/React.createElement("radialGradient", { id: ids[0], cx: "46.0028", cy: "6.3804", r: "59.47", gradientTransform: "matrix(1 0 0 -1 0 58.0009)", gradientUnits: "userSpaceOnUse" }, /*#__PURE__*/React.createElement("stop", { offset: "0", stopColor: "#EC991C" }), /*#__PURE__*/React.createElement("stop", { offset: "1", stopColor: "#E9B213" }))); }); export default Nimiq;