<script setup>
import Warning from '@/components/dashboard/Warning.vue';

const warnings = [
  {
    name: 'Công nợ sắp đến hạn',
    details: 'Công ty TNHH ABC - 35.000.000đ - Hạn: 25/03/2026',
    level: 1,
    type: 'time',
  },
  {
    name: 'Đơn giao trễ',
    details: 'Đơn hàng #DH-2156 - Đã trễ 2 giờ - Khách: Siêu thị XYZ',
    level: 3,
    type: 'time',
  },
  {
    name: 'Tồn kho thấp',
    details: 'Gạo ST25 - Chỉ còn 45 bao - Cần nhập thêm',
    level: 2,
    type: 'inventory'
  },
]
</script>
<template>
  <div class="card">
    <div class="card-content">
      <p class="fs-17 font-semibold mb-4">Cảnh báo và thông báo</p>
      <div class="is-flex is-flex-direction-column is-gap-1">
        <Warning
          v-for="warning in warnings"
          :key="warning.details"
          v-bind="warning"
        />
      </div>
    </div>
  </div>
</template>