25 lines
533 B
Vue
25 lines
533 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>
|
|
|
|
<style scoped>
|
|
@reference "@/style.css";
|
|
|
|
svg {
|
|
@apply w-6 h-6;
|
|
}
|
|
|
|
</style> |