import * as React from "react";
import { Table } from "baseui/table-semantic";

const SIZER = Array(100).fill(null);

const COLUMNS = SIZER.map((_col, colIndex) => {
  return `Column ${colIndex + 1}`;
});

const DATA = SIZER.map((_row, rowIndex) => {
  return SIZER.map((_col, colIndex) => {
    return `Row ${rowIndex + 1}.${colIndex + 1}`;
  });
});

const overrides = {
  Root: {
    style: {
      maxHeight: "300px",
    },
  },
};

export default function Example() {
  return <Table overrides={overrides} columns={COLUMNS} data={DATA} />;
}