import * as React from 'react';

import { TableBodyEmpty } from './TableBodyEmpty';

export interface TableBodyProps {
  /**
   * Table body rows
   */
  children?: React.ReactNode;
}

export const TableBody = Object.assign(
  React.forwardRef<HTMLTableSectionElement, TableBodyProps>(function TableBody(
    { children, ...props }: TableBodyProps,
    ref
  ) {
    return (
      <tbody ref={ref} {...props}>
        {children}
      </tbody>
    );
  }),
  {
    Empty: TableBodyEmpty,
  }
);