<script setup lang="ts">

import { useForwardProps } from 'reka-ui'

import { reactivePick } from '@vueuse/core'

import NuxtIcon from '@nuxt/icon/runtime/components/index.js'

const props = defineProps<IconProps>()

const iconProps = useForwardProps(reactivePick(props, 'mode', 'size', 'customize'))

</script>

<template>

<Icon v-if="typeof name === 'string'" :name="name" v-bind="iconProps" />

<NuxtIcon v-if="typeof name === 'string'" :name="name" v-bind="iconProps" />

<component :is="name" v-else />

</template>