16 lines
454 B
Vue
16 lines
454 B
Vue
<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> |