"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ProgressBar = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _progressBar = require("./progress-bar.css-rules");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var easeInOutCubic = 'cubic-bezier(0.645, 0.045, 0.355, 1)';
var HEIGHT = '5px';
var BORDER_RADIUS = '16px';

var ProgressBar = _styledComponents["default"].div.attrs(function (_ref) {
  var currentStep = _ref.currentStep,
      totalSteps = _ref.totalSteps;
  return {
    role: 'progressbar',
    'aria-valuenow': currentStep,
    'aria-valuemin': 0,
    'aria-valuemax': totalSteps
  };
}).withConfig({
  displayName: "ProgressBar",
  componentId: "ys3wwn-0"
})(["background:", ";border-radius:", ";height:", ";&:before{background:", ";border-radius:", ";content:' ';display:block;height:", ";width:", ";transition:0.2s all ", ";}"], _progressBar.getBackgroundColor, BORDER_RADIUS, HEIGHT, _progressBar.getBarColor, BORDER_RADIUS, HEIGHT, _progressBar.getBarWidth, easeInOutCubic);

exports.ProgressBar = ProgressBar;
ProgressBar.displayName = 'ProgressBar';