import React from 'react'
import { DataTable } from 'react-icecream'

import allRecords from './shared-records'

const records = allRecords.slice(0, 5)

export default function Demo() {
  return (
    <DataTable records={records} getRowClassName={(_, i) => (i % 2 === 0 ? 'odd-row' : 'even-row')}>
      <DataTable.Column title="ID" accessor="id" />
      <DataTable.Column title="创建时间" accessor="createAt" />
      <DataTable.Column title="名称" accessor="name" />
    </DataTable>
  )
}