'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var clsx = require('clsx');
var Body = require('../body/Body.js');
require('../common/theme.js');
require('../common/direction.js');
require('../common/propsValues/control.js');
require('../common/propsValues/breakpoint.js');
require('../common/propsValues/size.js');
var typography = require('../common/propsValues/typography.js');
require('../common/propsValues/width.js');
require('../common/propsValues/type.js');
require('../common/propsValues/dateMode.js');
require('../common/propsValues/monthFormat.js');
require('../common/propsValues/position.js');
require('../common/propsValues/layouts.js');
require('../common/propsValues/status.js');
require('../common/propsValues/sentiment.js');
require('../common/propsValues/profileType.js');
require('../common/propsValues/variant.js');
require('../common/propsValues/scroll.js');
require('../common/propsValues/markdownNodeType.js');
require('../common/fileType.js');
require('@transferwise/icons');
require('react');
require('react-intl');
require('../common/closeButton/CloseButton.messages.js');
var jsxRuntime = require('react/jsx-runtime');
var Progress = require('../progress/Progress.js');
var Title = require('../title/Title.js');

const ProgressBar = ({
  className,
  description,
  id,
  title,
  progress,
  textEnd
}) => {
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
    className: clsx.clsx('np-progress-bar', className),
    children: [/*#__PURE__*/jsxRuntime.jsxs("label", {
      className: "np-progress-bar__title m-b-1",
      htmlFor: id,
      children: [/*#__PURE__*/jsxRuntime.jsx(Title.default, {
        type: typography.Typography.TITLE_BODY,
        className: "m-b-1 text-primary",
        children: title
      }), description && /*#__PURE__*/jsxRuntime.jsx(Body.default, {
        children: description
      })]
    }), /*#__PURE__*/jsxRuntime.jsx(Progress.default, {
      id: id,
      progress: progress
    }), /*#__PURE__*/jsxRuntime.jsx(Body.default, {
      as: "p",
      type: typography.Typography.BODY_DEFAULT_BOLD,
      className: "d-flex justify-content-end text-primary m-b-0",
      children: textEnd
    })]
  });
};

exports.default = ProgressBar;
//# sourceMappingURL=ProgressBar.js.map
