<template>
    <NuxtLayout name="main">
        <NuxtUiTabs :items="items" class="w-full">
            <template #purchase>
                <MyPredictionsTrxPurchaseList />
            </template>
            <template #sales>
                <MyPredictionsTrxSaleList />
            </template>
        </NuxtUiTabs>
    </NuxtLayout>
</template>
<script lang="ts" setup>
definePageMeta({
    middleware: 'authentication'
})
import type { TabItem } from '#ui/types'
const items = ref<TabItem[]>([
    {
        label: 'By Purchases',
        icon: 'i-heroicons:shopping-cart-20-solid',
        slot: 'purchase'
    },
    {
        label: 'By Sales',
        icon: 'i-heroicons:clipboard-document-list',
        slot: 'sales'
    }
])
</script>