@unstoppabledomains/ui-kit
Version:
A set of common Unstoppable Domains components
52 lines (51 loc) • 2.01 kB
JavaScript
;
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 _SvgIcon = _interopRequireDefault(require("@mui/material/SvgIcon"));
var _react = _interopRequireDefault(require("react"));
var _styles = require("../styles");
var useStyles = (0, _styles.makeStyles)()(function () {
return {
id: {}
};
});
var WindowColored = function WindowColored(props) {
var _useStyles = useStyles(),
classes = _useStyles.classes;
var paths = ['M63.3333 13.333H16.6667C12.9667 13.333 10 16.333 10 19.9997V59.9997C10 63.6663 12.9667 66.6663 16.6667 66.6663H63.3333C67 66.6663 70 63.6663 70 59.9997V19.9997C70 16.333 67.0333 13.333 63.3333 13.333ZM63.3333 59.9997H16.6667V26.6663H63.3333V59.9997Z'];
var uuid = classes.id;
var ids = Array.from({
length: paths.length
}).map(function (_, i) {
return "window-colored-".concat(uuid, "-").concat(i);
});
return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({
viewBox: "0 0 80 80"
}, props), paths.map(function (d, i) {
return /*#__PURE__*/_react["default"].createElement("path", {
key: ids[i],
d: d,
fill: "url(#".concat(ids[i], ")")
});
}), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("linearGradient", {
id: ids[0],
x1: "10",
y1: "66.6663",
x2: "62.9655",
y2: "7.08013",
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/_react["default"].createElement("stop", {
stopColor: "#BD47F7"
}), /*#__PURE__*/_react["default"].createElement("stop", {
offset: "0.5208",
stopColor: "#5D59F8"
}), /*#__PURE__*/_react["default"].createElement("stop", {
offset: "1",
stopColor: "#38BDD1"
}))));
};
var _default = exports["default"] = WindowColored;