wix-style-react/src/Table/components/TableSubToolbar.js

wix-style-react

import React from 'react';
import PropTypes from 'prop-types';
import { WixStyleReactContext } from '../../WixStyleReactProvider/context';
import { st, classes } from '../Table.st.css';

/** TableSubtoolbar */
export const TableSubToolbar = ({ dataHook, children }) => {
  return (
    <WixStyleReactContext.Consumer>
      {({ reducedSpacingAndImprovedLayout }) => (
        <div
          className={st(classes.tableSubToolbar, {
            reducedSpacingAndImprovedLayout,
          })}
          data-hook={dataHook}
        >
          {children}
        </div>
      )}
    </WixStyleReactContext.Consumer>
  );
};

TableSubToolbar.displayName = 'Table.SubToolbar';

TableSubToolbar.propTypes = {
  /** Applied as data-hook HTML attribute that can be used in the tests */
  dataHook: PropTypes.string,

  /** Any element to be rendered inside */
  children: PropTypes.node,
};