function Statistic(props) {
  var children = props.children,
      className = props.className,
      color = props.color,
      floated = props.floated,
      horizontal = props.horizontal,
      inverted = props.inverted,
      label = props.label,
      size = props.size,
      text = props.text,
      value = props.value;

  var classes = (0, _classnames2.default)('ui', color, (0, _lib.useValueAndKey)(floated, 'floated'), (0, _lib.useKeyOnly)(horizontal, 'horizontal'), (0, _lib.useKeyOnly)(inverted, 'inverted'), size, className, 'statistic');
  var rest = (0, _lib.getUnhandledProps)(Statistic, props);
  var ElementType = (0, _lib.getElementType)(Statistic, props);

  if (!(0, _isNil3.default)(children)) {
    return _react2.default.createElement(
      ElementType,
      _extends({}, rest, { className: classes }),
      children
    );
  }

  return _react2.default.createElement(
    ElementType,
    _extends({}, rest, { className: classes }),
    _react2.default.createElement(_StatisticValue2.default, { text: text, value: value }),
    _react2.default.createElement(_StatisticLabel2.default, { label: label })
  );
}
/**
 * A statistic emphasizes the current value of an attribute
 */
A statistic emphasizes the current value of an attribute
A statistic emphasizes the current value of an attribute
function Statistic(props) {
  var children = props.children,
      className = props.className,
      color = props.color,
      floated = props.floated,
      horizontal = props.horizontal,
      inverted = props.inverted,
      label = props.label,
      size = props.size,
      text = props.text,
      value = props.value;
  var classes = (0, _classnames2.default)('ui', color, (0, _lib.useValueAndKey)(floated, 'floated'), (0, _lib.useKeyOnly)(horizontal, 'horizontal'), (0, _lib.useKeyOnly)(inverted, 'inverted'), size, className, 'statistic');
  var rest = (0, _lib.getUnhandledProps)(Statistic, props);
  var ElementType = (0, _lib.getElementType)(Statistic, props);
  if (!(0, _isNil3.default)(children)) {
    return _react2.default.createElement(
      ElementType,
      _extends({}, rest, { className: classes }),
      children
    );
  }
  return _react2.default.createElement(
    ElementType,
    _extends({}, rest, { className: classes }),
    _react2.default.createElement(_StatisticValue2.default, { text: text, value: value }),
    _react2.default.createElement(_StatisticLabel2.default, { label: label })
  );
}
function Statistic ( props ) { var children = props . children , className = props . className , color = props . color , floated = props . floated , horizontal = props . horizontal , inverted = props . inverted , label = props . label , size = props . size , text = props . text , value = props . value ; var classes = ( 0 , _classnames2 . default ) ( 'ui' , color , ( 0 , _lib . useValueAndKey ) ( floated , 'floated' ) , ( 0 , _lib . useKeyOnly ) ( horizontal , 'horizontal' ) , ( 0 , _lib . useKeyOnly ) ( inverted , 'inverted' ) , size , className , 'statistic' ) ; var rest = ( 0 , _lib . getUnhandledProps ) ( Statistic , props ) ; var ElementType = ( 0 , _lib . getElementType ) ( Statistic , props ) ; if ( ! ( 0 , _isNil3 . default ) ( children ) ) { return _react2 . default . createElement ( ElementType , _extends ( { } , rest , { className : classes } ) , children ) ; } return _react2 . default . createElement ( ElementType , _extends ( { } , rest , { className : classes } ) , _react2 . default . createElement ( _StatisticValue2 . default , { text : text , value : value } ) , _react2 . default . createElement ( _StatisticLabel2 . default , { label : label } ) ) ; }
A statistic emphasizes the current value of an attribute
A statistic emphasizes the current value of an attribute