function Loader(props) {
  var active = props.active,
      children = props.children,
      className = props.className,
      content = props.content,
      disabled = props.disabled,
      indeterminate = props.indeterminate,
      inline = props.inline,
      inverted = props.inverted,
      size = props.size;


  var classes = (0, _classnames2.default)('ui', size, (0, _lib.useKeyOnly)(active, 'active'), (0, _lib.useKeyOnly)(disabled, 'disabled'), (0, _lib.useKeyOnly)(indeterminate, 'indeterminate'), (0, _lib.useKeyOnly)(inverted, 'inverted'), (0, _lib.useKeyOnly)(children || content, 'text'), (0, _lib.useKeyOrValueAndKey)(inline, 'inline'), 'loader', className);
  var rest = (0, _lib.getUnhandledProps)(Loader, props);
  var ElementType = (0, _lib.getElementType)(Loader, props);

  return _react2.default.createElement(
    ElementType,
    _extends({}, rest, { className: classes }),
    (0, _isNil3.default)(children) ? content : children
  );
}
/**
 * A loader alerts a user to wait for an activity to complete.
 * @see Dimmer
 */
A loader alerts a user to wait for an activity to complete.
@see Dimmer
A loader alerts a user to wait for an activity to complete . @see Dimmer
function Loader(props) {
  var active = props.active,
      children = props.children,
      className = props.className,
      content = props.content,
      disabled = props.disabled,
      indeterminate = props.indeterminate,
      inline = props.inline,
      inverted = props.inverted,
      size = props.size;
  var classes = (0, _classnames2.default)('ui', size, (0, _lib.useKeyOnly)(active, 'active'), (0, _lib.useKeyOnly)(disabled, 'disabled'), (0, _lib.useKeyOnly)(indeterminate, 'indeterminate'), (0, _lib.useKeyOnly)(inverted, 'inverted'), (0, _lib.useKeyOnly)(children || content, 'text'), (0, _lib.useKeyOrValueAndKey)(inline, 'inline'), 'loader', className);
  var rest = (0, _lib.getUnhandledProps)(Loader, props);
  var ElementType = (0, _lib.getElementType)(Loader, props);
  return _react2.default.createElement(
    ElementType,
    _extends({}, rest, { className: classes }),
    (0, _isNil3.default)(children) ? content : children
  );
}
function Loader ( props ) { var active = props . active , children = props . children , className = props . className , content = props . content , disabled = props . disabled , indeterminate = props . indeterminate , inline = props . inline , inverted = props . inverted , size = props . size ; var classes = ( 0 , _classnames2 . default ) ( 'ui' , size , ( 0 , _lib . useKeyOnly ) ( active , 'active' ) , ( 0 , _lib . useKeyOnly ) ( disabled , 'disabled' ) , ( 0 , _lib . useKeyOnly ) ( indeterminate , 'indeterminate' ) , ( 0 , _lib . useKeyOnly ) ( inverted , 'inverted' ) , ( 0 , _lib . useKeyOnly ) ( children || content , 'text' ) , ( 0 , _lib . useKeyOrValueAndKey ) ( inline , 'inline' ) , 'loader' , className ) ; var rest = ( 0 , _lib . getUnhandledProps ) ( Loader , props ) ; var ElementType = ( 0 , _lib . getElementType ) ( Loader , props ) ; return _react2 . default . createElement ( ElementType , _extends ( { } , rest , { className : classes } ) , ( 0 , _isNil3 . default ) ( children ) ? content : children ) ; }
A loader alerts a user to wait for an activity to complete.
A loader alerts a user to wait for an activity to complete .