import { defineComponent, computed } from 'vue';
const icon = defineComponent({
    name: 'Icon',
    props: {
        color: String,
        size: {
            type: [Number, String],
            // default: 18
        },
    },
    setup(props, { slots }) {
        const style = computed(() => {
            return {
                display: 'inline-flex',
                'align-items': 'center',
                'line-height': 1,
                color: props.color,
                'font-size': typeof props.size == 'string' ? props.size : props.size + 'px',
            };
        });
        return () => {
            var _a;
            return (<i class="u-icon" style={style.value}>
        {(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)}
      </i>);
        };
    },
});
export default icon;