<script setup lang="ts">
import { useTimesheetStore } from 'src/stores/timesheet-store';

const timesheet_store = useTimesheetStore();

</script>

<template>
    <q-dialog
        v-model="timesheet_store.is_csv_dialog_open"
        persistent
        transition-show="jump-down"
        transition-hide="jump-down"
    >
        <q-card
            class="q-pa-none rounded-10 shadow-10"
            :class="$q.screen.lt.md ? ' bg-primary' : 'bg-secondary'"
            style=" min-width: 70vw;"
            :style="$q.dark.isActive ? 'border: solid 2px var(--q-accent);' : ''"
        >
            <q-inner-loading :showing="timesheet_store.is_loading">
                <q-spinner size="32px" />
            </q-inner-loading>

            <q-card-section class="q-pa-none">
                <q-separator
                    v-if="$q.screen.lt.md"
                    spaced
                    color="accent"
                    size="2px"
                    class="q-mx-md"
                />
            </q-card-section>
        </q-card>

    </q-dialog>

</template>