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


interface Props {
    type: EpisodeChangeType;
}

const props = defineProps<Props>();
</script>

<script lang="ts">
export enum EpisodeChangeType {
    NEXT = "mage:next-fill",
    PREVIOUS = "mage:previous-fill",
}
</script>

<template>
    <UiButton variant="borderless" size="icon">
        <Icon :icon="props.type" class="size-5" />
    </UiButton>
</template>
