import type { Config } from '~/components/pub/my-ui/data-table'
import type { Patient } from '~/models/patient'
import { defineAsyncComponent } from 'vue'
import { educationCodes, genderCodes } from '~/lib/constants'
import { calculateAge } from '~/lib/utils'

const action = defineAsyncComponent(() => import('./dropdown-action.vue'))

export const config: Config = {
  cols: [{}, {}, {width: 30}, ],

  headers: [
    [
      { label: 'Nama Prosedur' },
      { label: 'Code' },
      { label: 'Action' },
    ],
  ],

  keys: ['name', 'code', 'action',],

  delKeyNames: [
    { key: 'code', label: 'Kode' },
    { key: 'name', label: 'Nama' },
  ],

  parses: {

  },

  components: {
    action(rec, idx) {
      return {
        idx,
        rec: rec as object,
        component: action,
      }
    },
  },

  htmls: {
    
  },
}
