// @flow strict

import * as React from 'react';

import {classify} from '../../utils/classify';

import css from './TableBar.module.css';


export type TableBottomBarProps = {
  children?: React.Node,
  className?: string,
  ...
};

export const TableBottomBar = ({
  children,
  className,
  ...props
}: TableBottomBarProps): React.Node => (
  <div
    {...props}
    className={classify(css.tableBar, css.bottomBar, className)}
    data-testid="table-bottom-bar"
  >
    {children}
  </div>
);