import React from 'react'

import { DataTable, DataTableColumnOptions, Empty } from 'react-icecream'

type Record = {
  name: string
  type: string
  region: string
  access: string
  createAt: string
}

const columnIdx: DataTableColumnOptions<Record> = {
  title: '索引',
  width: '80px'
}
const columnName: DataTableColumnOptions<Record, 'name'> = {
  title: '空间名称',
  accessor: 'name'
}
const columnType: DataTableColumnOptions<Record, 'type'> = {
  title: '空间类型',
  accessor: 'type'
}
const columnRegion: DataTableColumnOptions<Record, 'region'> = {
  title: '存储区域',
  accessor: 'region'
}
const columnAccess: DataTableColumnOptions<Record, 'access'> = {
  title: '空间类型',
  accessor: 'access'
}

export default function Demo() {
  return (
    <DataTable<Record>
      columns={[columnIdx, columnName, columnType, columnRegion, columnAccess]}
      records={[]}
      empty={<Empty image={null} title="自定义空文案" />}
    />
  )
}