import { readonly } from 'vue'
interface menuType {
  key: number
  icon: string
  activeIcon: string
  label: string
  path: string
}

interface notiType {
  id: number
  sender: string
  body: string
  timereceive: string
}

interface optionType {
  icon: string
  label: string
  value: string
  color: string
}

const menuList = readonly<menuType[]>([
  {
    key: 1,
    icon: 'mdi-home-variant-outline',
    activeIcon: 'mdi-home-variant',
    label: 'หน้าแรก',
    path: 'dashboard'
  },
  {
    key: 2,
    icon: 'o_person',
    activeIcon: 'person',
    label: 'รายการสอบทั้งหมด',
    path: 'exam'
  }
])

const options = readonly<optionType[]>([
  {
    icon: 'mdi-account-cog',
    label: 'ผู้ดูแลระบบ',
    value: 'op1',
    color: 'primary'
  },
  {
    icon: 'mdi-account-group',
    label: 'เจ้าหน้าที่',
    value: 'op2',
    color: 'blue'
  },
  {
    icon: 'mdi-account-circle',
    label: 'บุคคล',
    value: 'op3',
    color: 'indigo'
  }
])

const notiList = readonly<notiType[]>([
  {
    id: 1,
    sender: 'ท',
    body: 'ขอแก้ไขข้อมูลรายการสอบทั้งหมด',
    timereceive: '13/12/2565'
  }
])

export { menuList, options, notiList }
export type { menuType, notiType, optionType }
