@unstoppabledomains/ui-kit
Version:
A set of common Unstoppable Domains components
118 lines (117 loc) • 6.04 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = exports.Ethereum64x64 = exports.Ethereum36x36 = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
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 _excluded = ["invert", "iconRef"],
_excluded2 = ["iconRef"],
_excluded3 = ["iconRef"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var Ethereum = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
var _props$fill, _props$fill2;
var invert = _ref.invert,
iconRef = _ref.iconRef,
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
var color = '#5F80E9';
var pathProps = {
fillRule: 'evenodd',
clipRule: 'evenodd',
fill: invert ? (_props$fill = props.fill) !== null && _props$fill !== void 0 ? _props$fill : color : 'white'
};
return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({}, props, {
ref: iconRef || ref
}), /*#__PURE__*/_react["default"].createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M12 0C18.627 0 24 5.373 24 12C24 18.627 18.627 24 12 24C5.373 24 0 18.627 0 12C0 5.373 5.373 0 12 0Z",
fill: invert ? 'transparent' : (_props$fill2 = props.fill) !== null && _props$fill2 !== void 0 ? _props$fill2 : color
}), /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({
opacity: "0.6"
}, pathProps, {
d: "M12 21L6.75 13L12 16.429L17.25 13L12 21Z"
})), /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({
opacity: "0.5"
}, pathProps, {
d: "M12 21V16.429L17.25 13L12 21Z"
})), /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({
opacity: "0.6"
}, pathProps, {
d: "M12 3L17.25 12.143L12 15.57L6.75 12.142L12 3Z"
})), /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({
opacity: "0.5"
}, pathProps, {
d: "M12 3L17.25 12.143L12 15.57V9.57V3Z"
})), /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({
opacity: "0.2"
}, pathProps, {
d: "M12 3L17.25 12.143L12 9.57V3Z"
})), /*#__PURE__*/_react["default"].createElement("path", (0, _extends2["default"])({
opacity: "0.6"
}, pathProps, {
d: "M17.25 12.1433L12 15.5703L6.75 12.1423L12 9.57031L17.25 12.1433Z"
})));
});
var _default = exports["default"] = Ethereum;
var Ethereum36x36 = exports.Ethereum36x36 = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
var _props$fill3;
var iconRef = _ref2.iconRef,
props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({}, props, {
ref: iconRef || ref
}), /*#__PURE__*/_react["default"].createElement("circle", {
cx: "12",
cy: "12",
r: "12",
fill: (_props$fill3 = props.fill) !== null && _props$fill3 !== void 0 ? _props$fill3 : '#5F80E9'
}), /*#__PURE__*/_react["default"].createElement("path", {
opacity: "0.6",
d: "M12 19.3335L7.76666 12.8149L12 15.6089L16.2333 12.8149L12 19.3335Z",
fill: "white"
}), /*#__PURE__*/_react["default"].createElement("path", {
opacity: "0.5",
d: "M12.0001 19.3335V15.6089L16.2334 12.8149L12.0001 19.3335Z",
fill: "white"
}), /*#__PURE__*/_react["default"].createElement("path", {
opacity: "0.6",
d: "M12 4.66675L16.2333 12.1166L12 14.909L7.76666 12.1158L12 4.66675Z",
fill: "white"
}), /*#__PURE__*/_react["default"].createElement("path", {
opacity: "0.5",
d: "M12.0001 4.66675L16.2334 12.1166L12.0001 14.909V10.0201V4.66675Z",
fill: "white"
}), /*#__PURE__*/_react["default"].createElement("path", {
opacity: "0.2",
d: "M12.0001 4.66675L16.2334 12.1166L12.0001 10.0201V4.66675Z",
fill: "white"
}), /*#__PURE__*/_react["default"].createElement("path", {
opacity: "0.6",
d: "M16.2333 12.1166L12 14.9089L7.76666 12.1158L12 10.02L16.2333 12.1166Z",
fill: "white"
}));
});
var Ethereum64x64 = exports.Ethereum64x64 = /*#__PURE__*/_react["default"].forwardRef(function (_ref3, ref) {
var _props$fill4;
var iconRef = _ref3.iconRef,
props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded3);
var fill = (_props$fill4 = props.fill) !== null && _props$fill4 !== void 0 ? _props$fill4 : '#5F80E9';
var style = _objectSpread({
fontSize: 64
}, props.sx);
return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({}, props, {
ref: iconRef || ref,
style: style
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M12.0004 22.5L5.90039 13.1666L12.0004 17.1672L18.1004 13.1666L12.0004 22.5Z",
fill: fill
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M12.0004 1.5L18.1004 12.1669L12.0004 16.165L5.90039 12.1657L12.0004 1.5Z",
fill: fill
}));
});