import { computed, defineComponent, createVNode as _createVNode } from 'vue';
import { useToken } from '../theme/internal';
import { getAsSolidColor } from './utils';
import { useLocaleReceiver } from '../locale/LocaleReceiver';
const Simple = defineComponent({
  compatConfig: {
    MODE: 3
  },
  setup() {
    const [, token] = useToken();
    const [locale] = useLocaleReceiver('Empty');
    const colors = computed(() => {
      const {
        colorFill,
        colorFillTertiary,
        colorFillQuaternary,
        colorBgContainer
      } = token.value;
      return {
        borderColor: getAsSolidColor(colorFill, colorBgContainer),
        shadowColor: getAsSolidColor(colorFillTertiary, colorBgContainer),
        contentColor: getAsSolidColor(colorFillQuaternary, colorBgContainer)
      };
    });
    return () => {
      var _a;
      return _createVNode("svg", {
        "width": "64",
        "height": "41",
        "viewBox": "0 0 64 41",
        "xmlns": "http://www.w3.org/2000/svg"
      }, [_createVNode("title", null, [((_a = locale.value) === null || _a === void 0 ? void 0 : _a.description) || 'Empty']), _createVNode("g", {
        "transform": "translate(0 1)",
        "fill": "none",
        "fill-rule": "evenodd"
      }, [_createVNode("ellipse", {
        "fill": colors.value.shadowColor,
        "cx": "32",
        "cy": "33",
        "rx": "32",
        "ry": "7"
      }, null), _createVNode("g", {
        "fill-rule": "nonzero",
        "stroke": colors.value.borderColor
      }, [_createVNode("path", {
        "d": "M55 12.8 44.9 1.3Q44 0 42.9 0H21.1q-1.2 0-2 1.3L9 12.8V22h46z"
      }, null), _createVNode("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": colors.value.contentColor
      }, null)])])]);
    };
  }
});
Simple.PRESENTED_IMAGE_SIMPLE = true;
export default Simple;