import React from 'react';
import ListTable from './ListTable';
import Button from './Button';

interface Field {
  key: string;
  label: string;
}

interface Props {
  title: string;
  items: any[];
  fields: Field[];
  handleRowClick?: (index: number) => void;
}

const DataTable: React.FC<Props> = ({ title, items, fields, handleRowClick = () => {} }) => {
  return (
    <>
      <div className="mb-2 flex justify-between items-center">
        <span className="text-2xl font-bold">{title}</span>
        <Button size="sm">Добавить</Button>
      </div>
      <ListTable items={items} fields={fields} handleRowClick={handleRowClick} />
    </>
  );
};

export default DataTable;