58 lines
2.2 KiB
JavaScript
58 lines
2.2 KiB
JavaScript
|
"use strict";
|
||
|
"use client";
|
||
|
|
||
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||
|
Object.defineProperty(exports, "__esModule", {
|
||
|
value: true
|
||
|
});
|
||
|
exports.default = void 0;
|
||
|
var _react = _interopRequireWildcard(require("react"));
|
||
|
var React = _react;
|
||
|
var _tinycolor = require("@ctrl/tinycolor");
|
||
|
var _internal = require("../theme/internal");
|
||
|
const Simple = () => {
|
||
|
const [, token] = (0, _internal.useToken)();
|
||
|
const {
|
||
|
colorFill,
|
||
|
colorFillTertiary,
|
||
|
colorFillQuaternary,
|
||
|
colorBgContainer
|
||
|
} = token;
|
||
|
const {
|
||
|
borderColor,
|
||
|
shadowColor,
|
||
|
contentColor
|
||
|
} = (0, _react.useMemo)(() => ({
|
||
|
borderColor: new _tinycolor.TinyColor(colorFill).onBackground(colorBgContainer).toHexShortString(),
|
||
|
shadowColor: new _tinycolor.TinyColor(colorFillTertiary).onBackground(colorBgContainer).toHexShortString(),
|
||
|
contentColor: new _tinycolor.TinyColor(colorFillQuaternary).onBackground(colorBgContainer).toHexShortString()
|
||
|
}), [colorFill, colorFillTertiary, colorFillQuaternary, colorBgContainer]);
|
||
|
return /*#__PURE__*/React.createElement("svg", {
|
||
|
width: "64",
|
||
|
height: "41",
|
||
|
viewBox: "0 0 64 41",
|
||
|
xmlns: "http://www.w3.org/2000/svg"
|
||
|
}, /*#__PURE__*/React.createElement("title", null, "Simple Empty"), /*#__PURE__*/React.createElement("g", {
|
||
|
transform: "translate(0 1)",
|
||
|
fill: "none",
|
||
|
fillRule: "evenodd"
|
||
|
}, /*#__PURE__*/React.createElement("ellipse", {
|
||
|
fill: shadowColor,
|
||
|
cx: "32",
|
||
|
cy: "33",
|
||
|
rx: "32",
|
||
|
ry: "7"
|
||
|
}), /*#__PURE__*/React.createElement("g", {
|
||
|
fillRule: "nonzero",
|
||
|
stroke: borderColor
|
||
|
}, /*#__PURE__*/React.createElement("path", {
|
||
|
d: "M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
|
||
|
}), /*#__PURE__*/React.createElement("path", {
|
||
|
d: "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",
|
||
|
fill: contentColor
|
||
|
}))));
|
||
|
};
|
||
|
if (process.env.NODE_ENV !== 'production') {
|
||
|
Simple.displayName = 'SimpleImage';
|
||
|
}
|
||
|
var _default = exports.default = Simple;
|