You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

50 lines
1.6 KiB

  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. exports.__esModule = true;
  4. exports.default = void 0;
  5. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  6. var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
  7. var _react = _interopRequireDefault(require("react"));
  8. var _propTypes = _interopRequireDefault(require("prop-types"));
  9. var _classnames = _interopRequireDefault(require("classnames"));
  10. var _utils = require("./utils");
  11. var propTypes = {
  12. tag: _utils.tagPropType,
  13. 'aria-label': _propTypes.default.string,
  14. className: _propTypes.default.string,
  15. cssModule: _propTypes.default.object,
  16. role: _propTypes.default.string,
  17. size: _propTypes.default.string,
  18. vertical: _propTypes.default.bool
  19. };
  20. var defaultProps = {
  21. tag: 'div',
  22. role: 'group'
  23. };
  24. var ButtonGroup = function ButtonGroup(props) {
  25. var className = props.className,
  26. cssModule = props.cssModule,
  27. size = props.size,
  28. vertical = props.vertical,
  29. Tag = props.tag,
  30. attributes = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "cssModule", "size", "vertical", "tag"]);
  31. var classes = (0, _utils.mapToCssModules)((0, _classnames.default)(className, size ? 'btn-group-' + size : false, vertical ? 'btn-group-vertical' : 'btn-group'), cssModule);
  32. return _react.default.createElement(Tag, (0, _extends2.default)({}, attributes, {
  33. className: classes
  34. }));
  35. };
  36. ButtonGroup.propTypes = propTypes;
  37. ButtonGroup.defaultProps = defaultProps;
  38. var _default = ButtonGroup;
  39. exports.default = _default;