1
This commit is contained in:
+54
@@ -0,0 +1,54 @@
|
||||
"use client";
|
||||
|
||||
import * as React from 'react';
|
||||
import { useMemo } from 'react';
|
||||
import { FastColor } from '@ant-design/fast-color';
|
||||
import { useLocale } from '../locale';
|
||||
import { useToken } from '../theme/internal';
|
||||
const Simple = () => {
|
||||
const [, token] = useToken();
|
||||
const [locale] = useLocale('Empty');
|
||||
const {
|
||||
colorFill,
|
||||
colorFillTertiary,
|
||||
colorFillQuaternary,
|
||||
colorBgContainer
|
||||
} = token;
|
||||
const {
|
||||
borderColor,
|
||||
shadowColor,
|
||||
contentColor
|
||||
} = useMemo(() => ({
|
||||
borderColor: new FastColor(colorFill).onBackground(colorBgContainer).toHexString(),
|
||||
shadowColor: new FastColor(colorFillTertiary).onBackground(colorBgContainer).toHexString(),
|
||||
contentColor: new FastColor(colorFillQuaternary).onBackground(colorBgContainer).toHexString()
|
||||
}), [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, locale?.description || '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.8 44.9 1.3Q44 0 42.9 0H21.1q-1.2 0-2 1.3L9 12.8V22h46z"
|
||||
}), /*#__PURE__*/React.createElement("path", {
|
||||
d: "M41.6 16c0-1.7 1-3 2.2-3H55v18.1c0 2.2-1.3 3.9-3 3.9H12c-1.7 0-3-1.7-3-3.9V13h11.2c1.2 0 2.2 1.3 2.2 3s1 2.9 2.2 2.9h14.8c1.2 0 2.2-1.4 2.2-3",
|
||||
fill: contentColor
|
||||
}))));
|
||||
};
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
Simple.displayName = 'SimpleImage';
|
||||
}
|
||||
export default Simple;
|
||||
Reference in New Issue
Block a user