import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["children", "className", "headerCellCheckboxSize", "numSelectedRows", "numSelectedRowsLabel"];
import React from 'react';
import cx from 'classnames';
import Box from '../../box';
import BulkActions from './BulkActions';
import NumSelectedRows from './NumSelectedRows';
import theme from './theme.css';

var HeaderRowOverlay = function HeaderRowOverlay(_ref) {
  var children = _ref.children,
      className = _ref.className,
      headerCellCheckboxSize = _ref.headerCellCheckboxSize,
      _ref$numSelectedRows = _ref.numSelectedRows,
      numSelectedRows = _ref$numSelectedRows === void 0 ? 0 : _ref$numSelectedRows,
      numSelectedRowsLabel = _ref.numSelectedRowsLabel,
      others = _objectWithoutProperties(_ref, _excluded);

  var classNames = cx(theme['header-row-overlay'], theme["data-grid-checkbox-size-".concat(headerCellCheckboxSize)], className);
  return /*#__PURE__*/React.createElement(Box, _extends({
    display: "flex",
    alignItems: "center",
    className: classNames,
    "data-teamleader-ui": "datagrid-header-row-overlay"
  }, others), /*#__PURE__*/React.createElement(NumSelectedRows, {
    numSelectedRows: numSelectedRows,
    numSelectedRowsLabel: numSelectedRowsLabel
  }), /*#__PURE__*/React.createElement(BulkActions, {
    bulkActions: children
  }));
};

export default HeaderRowOverlay;
HeaderRowOverlay.displayName = 'DataGrid.HeaderRowOverlay';