import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["className", "color", "size", "tint"];
import cx from 'classnames';
import React from 'react';
import Box from '../box';
import theme from './theme.css';

var LoadingBar = function LoadingBar(_ref) {
  var className = _ref.className,
      _ref$color = _ref.color,
      color = _ref$color === void 0 ? 'mint' : _ref$color,
      _ref$size = _ref.size,
      size = _ref$size === void 0 ? 'small' : _ref$size,
      _ref$tint = _ref.tint,
      tint = _ref$tint === void 0 ? 'normal' : _ref$tint,
      others = _objectWithoutProperties(_ref, _excluded);

  var classNames = cx(theme['loading-bar'], theme["is-".concat(color)], theme["is-".concat(size)], theme["is-".concat(tint)], className);
  return /*#__PURE__*/React.createElement(Box, _extends({
    "data-teamleader-ui": "loading-bar",
    className: classNames
  }, others), /*#__PURE__*/React.createElement("div", {
    className: theme['loading-bar-indicator']
  }));
};

export default LoadingBar;