<script setup lang="ts">
import { t } from 'i18next';
import dashboard from '@/routes/dashboard';
import history from '@/routes/history';
</script>

<template>
    <nav class="fixed top-0 bottom-0 left-0 w-64 bg-primary p-4">
        <img src="/storage/logo.svg" class="mb-4 mix-blend-plus-lighter" />
        <ul class="flex-1 gap-4">
            <li>
                <a :href="dashboard.index().url">{{ t('dashboard.title') }}</a>
            </li>
            <li>
                <a :href="history.index().url">{{ t('history.title') }}</a>
            </li>
        </ul>
    </nav>
    <div class="absolute top-0 left-64 p-4"><slot /></div>
</template>
