<script setup lang="ts">
import SharedWorkReportDetailDialog from '../../shared/components/detail-dialog.vue';
import type { WorkReportRow } from '../../shared/types';

defineOptions({ name: 'MonthlyReportDetailPage' });

const visible = defineModel<boolean>('visible', { default: false });

defineProps<{
  rowData?: WorkReportRow | null;
}>();
</script>

<template>
  <SharedWorkReportDetailDialog v-model:visible="visible" report-type="monthly" :row-data="rowData" />
</template>
