@unstoppabledomains/ui-kit
Version:
A set of common Unstoppable Domains components
76 lines (75 loc) • 4.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 Sui = /*#__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 ids = Array.from({
length: 3
}).map(function (_, i) {
return "sui-".concat(uuid, "-").concat(i);
});
return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({
viewBox: "0 0 24 24"
}, props, {
ref: iconRef || ref
}), /*#__PURE__*/_react["default"].createElement("g", {
clipPath: "url(#".concat(ids[0], ")")
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M12 0C18.6271 0 24 5.37288 24 12C24 18.6271 18.6269 24 12 24C5.37312 24 0 18.6286 0 12C0 5.37144 5.37216 0 12 0Z",
fill: "#1D2947"
}), /*#__PURE__*/_react["default"].createElement("g", {
clipPath: "url(#".concat(ids[1], ")")
}, /*#__PURE__*/_react["default"].createElement("mask", {
id: ids[2],
style: {
maskType: 'alpha'
},
maskUnits: "userSpaceOnUse",
x: "7",
y: "5",
width: "10",
height: "15"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M17 5H7V20H17V5Z",
fill: "white"
})), /*#__PURE__*/_react["default"].createElement("g", {
mask: "url(#".concat(ids[2], ")")
}, /*#__PURE__*/_react["default"].createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M7.6647 17.3953C8.08903 18.1857 8.70584 18.8434 9.45195 19.3011C10.1981 19.7588 11.0466 20 11.9107 20C12.7749 20 13.6234 19.7588 14.3695 19.3011C15.1156 18.8434 15.7325 18.1857 16.1568 17.3953C16.5922 16.6034 16.8215 15.7051 16.8215 14.7907C16.8215 13.8763 16.5922 12.9781 16.1568 12.1862L12.4223 5.31378C12.3712 5.21857 12.2969 5.13933 12.207 5.08419C12.1171 5.02906 12.0149 5 11.9107 5C11.8066 5 11.7044 5.02906 11.6145 5.08419C11.5246 5.13933 11.4503 5.21857 11.3992 5.31378L7.6647 12.1862C7.22925 12.9781 7 13.8763 7 14.7907C7 15.7051 7.22925 16.6034 7.6647 17.3953ZM10.8587 8.5833L11.655 7.11799C11.6805 7.07038 11.7177 7.03076 11.7626 7.00319C11.8076 6.97562 11.8587 6.96109 11.9107 6.96109C11.9628 6.96109 12.0139 6.97562 12.0589 7.00319C12.1038 7.03076 12.141 7.07038 12.1665 7.11799L15.2297 12.755C15.5046 13.2548 15.6751 13.8103 15.7297 14.3847C15.7844 14.959 15.7219 15.539 15.5466 16.086C15.5085 15.8996 15.456 15.7166 15.3899 15.5391C14.9667 14.4046 14.0101 13.5291 12.5458 12.9368C11.5391 12.5311 10.8965 11.9344 10.6354 11.1631C10.2991 10.1693 10.6504 9.08532 10.8587 8.5833ZM9.50102 11.0819L8.59181 12.755C8.2514 13.374 8.07219 14.0761 8.07219 14.7909C8.07219 15.5057 8.2514 16.2078 8.59181 16.8268C8.86698 17.3386 9.24609 17.7806 9.70222 18.1213C10.1584 18.462 10.6803 18.693 11.2311 18.7981C11.7818 18.9032 12.3479 18.8796 12.889 18.7291C13.4301 18.5787 13.933 18.305 14.362 17.9275C14.5991 17.291 14.6076 16.5857 14.3859 15.9432C14.0751 15.1235 13.3271 14.4692 12.1626 13.9979C10.8462 13.4674 9.99113 12.6391 9.62124 11.5369C9.57142 11.3883 9.53126 11.2362 9.50102 11.0819Z",
fill: "white"
})))), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
id: ids[0]
}, /*#__PURE__*/_react["default"].createElement("rect", {
width: "24",
height: "24",
fill: "white"
})), /*#__PURE__*/_react["default"].createElement("clipPath", {
id: ids[1]
}, /*#__PURE__*/_react["default"].createElement("rect", {
width: "10",
height: "15",
fill: "white",
transform: "translate(7 5)"
}))));
});
var _default = exports["default"] = Sui;