// @flow strict

import * as React from 'react';

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

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


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

export const TableTopBar = ({
  children,
  className,
  ...props
}: TableTopBarProps): React.Node => (
  <div
    {...props}
    className={classify(css.tableBar, css.topBar, className)}
    data-testid="table-top-bar"
  >
    {children}
  </div>
);