import React from "react";
import Table from "react-table-search-sort-paginate";

const records = [
  {
    "First name": "John",
    "Last name": "Doe",
    "Birth date": "01/01/1990",
    Street: "123 Main St",
    City: "Boston",
    State: "MA",
    ZIP: "02108",
    Department: "Sales",
    "Start date": "03/15/2023",
  },
];

const dataSource = Array.from(records);

const columns = [
  {
    title: "First Name",
    dataIndex: "First name",
    key: "First name",
  },
  {
    title: "Last Name",
    dataIndex: "Last name",
    key: "Last name",
  },
  {
    title: "Birth Date",
    dataIndex: "Birth date",
    key: "Birth date",
  },
  {
    title: "Street",
    dataIndex: "Street",
    key: "Street",
  },
  {
    title: "City",
    dataIndex: "City",
    key: "City",
  },
  {
    title: "State",
    dataIndex: "State",
    key: "State",
  },
  {
    title: "ZIP",
    dataIndex: "ZIP",
    key: "ZIP",
  },
  {
    title: "Department",
    dataIndex: "Department",
    key: "Department",
  },
  {
    title: "Start Date",
    dataIndex: "Start date",
    key: "Start date",
  },
];

const App = () => {
  return <Table dataSource={dataSource} columns={columns} />;
};