<script setup>
import { isMyIcon } from "#my-icons";
import MyIcon from "./MyIcon.vue";
import MyInlineIcon from "./MyInlineIcon.vue";
import MyRuntimeIcon from "./MyRuntimeIcon.vue";
defineProps({
  name: { type: null, required: true },
  fallback: { type: String, required: false }
});
</script>

<template>
    <MyIcon v-if="isMyIcon(name)" :name />
    <MyInlineIcon v-else-if="fallback === 'inline'" :svg="name" />
    <MyRuntimeIcon v-else :svg="name" />
</template>
