@atlaskit/progress-bar/dist/cjs/components/transparent-progress-bar.js

A progress bar communicates the status of a system process.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _progressBar = _interopRequireDefault(require("./progress-bar"));
/**
 * __Transparent progress bar__
 *
 * A transparent progress bar is used on bold backgrounds to maintain suitable contrast.
 *
 * - [Examples](https://atlassian.design/components/progress-bar/transparent-progress-bar/examples)
 * - [Code](https://atlassian.design/components/progress-bar/transparent-progress-bar/code)
 */
var TransparentProgressBar = function TransparentProgressBar(_ref) {
  var ariaLabel = _ref.ariaLabel,
    _ref$isIndeterminate = _ref.isIndeterminate,
    isIndeterminate = _ref$isIndeterminate === void 0 ? false : _ref$isIndeterminate,
    testId = _ref.testId,
    _ref$value = _ref.value,
    value = _ref$value === void 0 ? 0 : _ref$value;
  return /*#__PURE__*/_react.default.createElement(_progressBar.default, {
    appearance: "inverse",
    value: value,
    isIndeterminate: isIndeterminate,
    ariaLabel: ariaLabel,
    testId: testId
  });
};
var _default = exports.default = TransparentProgressBar;