<script setup lang="ts">
    const props = defineProps({
        icon: {
            type: String,
            required: true,
        },
        size: {
            type: [Number, String],
            default: 32,
        },
        color: {
            type: String,
            default: '#000',
        },
    })

    const size = computed(() => `${props.size}rpx`)
    const color = computed(() => props.color)
</script>

<template>
    <view class="icon" />
</template>

<style lang="less" scoped>
    .icon {
        width: v-bind(size);
        color: v-bind(color);
        height: v-bind(size);
    }
</style>
