import React from 'react';
import Table from './Table';

// export default {
//   title: 'Table',
//   component: Table as any,
// };

export const 表格 = () => {
  const renderTable = (props: any) => (
    <Table
      loading
      {...props}
      rowKey="id"
      pagination={false}
      columns={[
        { title: 'title', dataIndex: 'title' },
        { title: 'id', dataIndex: 'id' },
      ]}
      // title={() => '123'}
      locale={{
        emptyText: '123',
      }}
      dataSource={
        [
          // { id: 1, title: '123' },
          // { id: 2, title: '333' },
        ]
      }
      //   showHeader={false}
      // summary={() => (
      //   <Table.Summary.Row>
      //     <Table.Summary.Cell index={0}>Total</Table.Summary.Cell>
      //     <Table.Summary.Cell index={1}>1234</Table.Summary.Cell>
      //   </Table.Summary.Row>
      // )}
      // scroll={{ x: 'max-content' }}
      //   footer={() => <div>123</div>}
    />
  );

  return (
    <div style={{ padding: 20 }}>
      {renderTable({ bordered: true })}

      <div style={{ height: 100 }} />

      {renderTable({ scroll: { x: 'max-content' }, loading: false })}
    </div>
  );
};