'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var util = require('../../../utils/util.js');
var icon = require('./icon2.js');
var shared = require('@vue/shared');

var script = vue.defineComponent({
  name: "ElIcon",
  inheritAttrs: false,
  props: icon.iconProps,
  setup(props) {
    return {
      style: vue.computed(() => {
        if (!props.size && !props.color) {
          return {};
        }
        let size = props.size;
        if (util.isNumber(size) || shared.isString(size) && !size.endsWith("px")) {
          size = `${size}px`;
        }
        return {
          ...props.size ? { "--font-size": size } : {},
          ...props.color ? { "--color": props.color } : {}
        };
      })
    };
  }
});

exports["default"] = script;
//# sourceMappingURL=icon.vue_vue_type_script_lang.js.map
