<script setup lang="ts">
import {type MarketTrend, MarketTrends} from '@/market';
import {ArrowLongRightIcon, ArrowTrendingDownIcon, ArrowTrendingUpIcon} from '@heroicons/vue/24/outline';

interface Props {
    trend: MarketTrend;
}

defineProps<Props>();
</script>

<template>
    <ArrowTrendingUpIcon v-if="trend === MarketTrends.Up" />
    <ArrowTrendingDownIcon v-else-if="trend === MarketTrends.Down" />
    <ArrowLongRightIcon v-else />
</template>