<script setup>
import { NFlex, NSpace, NDivider, NButton } from 'naive-ui'
import ReportSelectDate from "../../Components/ReportSelectDate.vue";
import AppUserButton from "./AppUserButton.vue";
import {Link} from "@inertiajs/vue3";
</script>

<template>
    <NFlex justify="space-between" align="center" class="px-4 w-full h-full">
        <NSpace align="center">
            <NButton :tag="Link" text href="/">
                Метрика
            </NButton>
            <NDivider vertical />
            <ReportSelectDate />
        </NSpace>
        <NSpace align="center">
            <NButton :tag="Link" text href="/">
                Мои отчеты??
            </NButton>
            <NDivider vertical />
            <AppUserButton />
        </NSpace>
    </NFlex>
</template>

<style scoped>

</style>
