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

enum BucketType {
  Private = 'private',
  Public = 'public'
}

type Bucket = {
  name: string
  type: BucketType
}

const records: Bucket[] = [
  { name: 'fusion-qiniucdn-1', type: BucketType.Public },
  { name: 'fusion-qiniucdn-2', type: BucketType.Private }
]

export default function Demo() {
  return (
    <Table records={records}>
      <TableColumn
        id="idx"
        title="索引"
        width="40px"
        render={(_, __, idx) => idx + 1}
      />
      <TableColumn
        title="空间名称"
        accessor="name"
      />
      <TableColumn
        title="空间类型"
        accessor="type"
        render={type => humanizeBucketType(type)}
      />
    </Table>
  )
}

function humanizeBucketType(type: BucketType) {
  return type === BucketType.Public ? '公开空间' : '私有空间'
}