import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import React from 'react';
import cx from 'classnames';
import { ConfigContext } from '../config-provider/context';
var Group = /*#__PURE__*/React.forwardRef(function (props, ref) {
  var _cx;

  var className = props.className,
      style = props.style;

  var _React$useContext = React.useContext(ConfigContext),
      getPrefixClassName = _React$useContext.getPrefixClassName;

  var inputCls = getPrefixClassName('input-group-cl');
  var cls = cx(inputCls, (_cx = {}, _defineProperty(_cx, "".concat(inputCls, "-lg"), props.size === 'large'), _defineProperty(_cx, "".concat(inputCls, "-sm"), props.size === 'small'), _defineProperty(_cx, "".concat(inputCls, "-compact"), props.compact), _cx), className);
  return /*#__PURE__*/React.createElement("div", {
    className: cls,
    style: style,
    onMouseEnter: props.onMouseEnter,
    onMouseLeave: props.onMouseLeave,
    onFocus: props.onFocus,
    onBlur: props.onBlur
  }, props.children);
});
Group.displayName = 'Group';
Group.defaultProps = {
  compact: false,
  size: 'default'
};
export default Group;