import React from 'react'
import { Button, Table } from '@alifd/next';

export default function DesignPic() {
  const dataSource = () => {
    const result = [];
    for (let i = 0; i < 5; i++) {
      result.push({
        title: { name: `Quotation for 1PCS Nano ${3 + i}.0 controller compatible` },
        id: 100306660940 + i,
        time: 2e3 + i,
      });
    }
    return result;
  };
  const render = (value: any, index: number, record: any) => {
    return (
      <a href="javascript:;">
        {'Remove('}
        {record.id}
        {')'}
      </a>
    );
  };
  return (
    <div className='w-3xl h-fit'>
      <Button>按钮</Button>
      <Table dataSource={dataSource()}>
        <Table.Column title="Id" htmlTitle="Unique Id" dataIndex="id" />
        <Table.Column title="Title" dataIndex="title.name" />
        <Table.Column title="Time" dataIndex="time" />
        <Table.Column cell={render} />
      </Table>
    </div>
  )
}
