<script lang="ts" setup>
import { Icon, type IconifyIcon, type IconifyRenderMode } from '@iconify/vue'

interface IconProps {
  icon: IconifyIcon | string
  mode?: IconifyRenderMode
  color?: string
  flip?: string
  width?: string
  height?: string
}

const props = defineProps<IconProps>()

</script>

<template>
  <Icon
    :style="{
      'font-size': '1.2em'
    }"
    v-bind="{
      ...props,
      ...$attrs
    }"
  />
</template>
