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

import originalRecords from './shared-records'

export default function Demo() {
  return (
    <>
      <style>
        {`
          .my-header-cell {
            padding: 10px 20px;
            font-size: 15px;
          }
          .my-body-cell {
            padding: 10px 20px;
            font-size: 13px;
          }
        `}
      </style>
      <Table
        records={originalRecords}
        getCellClassName={type => ({ header: 'my-header-cell', body: 'my-body-cell' }[type])}
      >
        <Table.Column title="ID" accessor="id" />
        <Table.Column title="创建时间" accessor="createAt" />
        <Table.Column title="名称" accessor="name" />
      </Table>
    </>
  )
}