<script setup lang="ts">
import {RouterLink, RouterView} from 'vue-router';
import {routeNames} from '@/routes';
</script>

<template>
    <div class="mt-4">
        <div class="flex border-b-2 border-emerald-500">
            <RouterLink :to="{name: routeNames.marketTypes}" class="tab">
                <span>Item Info</span>
            </RouterLink>
            <RouterLink to="/market/scan" class="tab">
                <span>Scan</span>
            </RouterLink>
            <RouterLink to="/market/acquisitions" class="tab">
                <span>Acquisitions</span>
            </RouterLink>
            <RouterLink :to="{name: routeNames.appraise}" class="tab">
                <span>Appraisal</span>
            </RouterLink>
            <RouterLink :to="{name: routeNames.compareAppraisal}" class="tab">
                <span>Compare</span>
            </RouterLink>
        </div>
        <RouterView />
    </div>
</template>