mirror of https://github.com/portainer/portainer
30 lines
652 B
TypeScript
30 lines
652 B
TypeScript
import { Cell, flexRender } from '@tanstack/react-table';
|
|
import clsx from 'clsx';
|
|
|
|
import { DefaultType } from './types';
|
|
|
|
interface Props<D extends DefaultType = DefaultType> {
|
|
cells: Cell<D, unknown>[];
|
|
className?: string;
|
|
onClick?: () => void;
|
|
}
|
|
|
|
export function TableRow<D extends DefaultType = DefaultType>({
|
|
cells,
|
|
className,
|
|
onClick,
|
|
}: Props<D>) {
|
|
return (
|
|
<tr
|
|
className={clsx(className, { 'cursor-pointer': !!onClick })}
|
|
onClick={onClick}
|
|
>
|
|
{cells.map((cell) => (
|
|
<td key={cell.id}>
|
|
{flexRender(cell.column.columnDef.cell, cell.getContext())}
|
|
</td>
|
|
))}
|
|
</tr>
|
|
);
|
|
}
|