@mskcc/carbon-react/es/components/ButtonSet/ButtonSet.js

Carbon react components for the MSKCC DSM

/**
 * MSKCC 2021, 2024
 */

import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
import React__default from 'react';
import PropTypes from 'prop-types';
import cx from 'classnames';

const ButtonSet = /*#__PURE__*/React__default.forwardRef(function ButtonSet(_ref, ref) {
  let {
    children,
    className,
    disableResponsive = false,
    align,
    vertical = false,
    stacked = false,
    ...rest
  } = _ref;
  const buttonSetClasses = cx(className, `msk-btn-set`, {
    [`msk-btn-set--responsive`]: !disableResponsive,
    [`msk-btn-set--${align}`]: align,
    [`msk-btn-set--vertical`]: vertical,
    [`msk-btn-set--stacked`]: stacked
  });
  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
    className: buttonSetClasses,
    ref: ref
  }), children);
});
ButtonSet.displayName = 'ButtonSet';
ButtonSet.propTypes = {
  /**
   * Specify the alignment of the ButtonSet
   */
  align: PropTypes.oneOf(['center', 'right', 'opposite', 'full']),
  /**
   * Specify the content of your ButtonSet
   */
  children: PropTypes.node,
  /**
   * Specify an optional className to be added to your ButtonSet
   */
  className: PropTypes.string,
  /**
   * disabled responsiveness
   */
  disableResponsive: PropTypes.bool,
  /**
   * Specify the button arrangement of the set (vertically stacked or
   * horizontal)
   */
  vertical: PropTypes.bool
};

export { ButtonSet as default };