import React from 'react'; import classNames from 'classnames'; import NoData from 'components/common/NoData'; import styles from './Table.module.css'; export default function Table({ columns, rows, empty, className, bodyClassName, rowKey, showHeader = true, children, }) { if (empty && rows.length === 0) { return empty; } return (
{showHeader && (
{columns.map(({ key, label, className, style, header }) => (
{label}
))}
)}
{rows.length === 0 && } {!children && rows.map((row, index) => { const id = rowKey ? rowKey(row) : index; return ; })} {children}
); } export const TableRow = ({ columns, row }) => (
{columns.map(({ key, render, className, style, cell }, index) => (
{render ? render(row) : row[key]}
))}
);