<script setup>
import {NModal, NSpace} from 'naive-ui'
import ReportWidget from "../ReportWidget.vue";
import {ref} from "vue";

const props = defineProps({
    operations: Array,
    planned: Number,
    urgent: Number,
})

const showOperationsModal = ref(false)
</script>

<template>
    <ReportWidget :counter="urgent" is-double-counter :counter-suffix="planned">
        <NSpace vertical :size="1">
            <div>Операций</div>
            <div>Э / П</div>
        </NSpace>
    </ReportWidget>

    <NModal v-model:show="showOperationsModal" preset="card" segmented class="max-w-screen md:max-w-3xl lg:max-w-6xl">
        <template #header>
            Кому провели операции на сегодня
        </template>
    </NModal>
</template>

<style scoped>

</style>
