<template>
  <Icon
    :name="`${prefix}:${name}`"
    :size="size"
    class="ui-icon"
  />
</template>

<script setup lang="ts">
withDefaults(defineProps<{
      prefix?: string
      name: string
      size?: string
    }>(), {
      size: '20',
      prefix: 'custom'
    }
);
</script>

<style lang="scss">
.ui-icon {
  display: grid;
}
</style>
