import { clsx } from 'clsx';
import Body from '../body/Body.mjs';
import '../common/theme.mjs';
import '../common/direction.mjs';
import '@transferwise/neptune-tokens';
import '../common/propsValues/control.mjs';
import '../common/propsValues/size.mjs';
import { Typography } from '../common/propsValues/typography.mjs';
import '../common/propsValues/width.mjs';
import '../common/propsValues/type.mjs';
import '../common/propsValues/dateMode.mjs';
import '../common/propsValues/monthFormat.mjs';
import '../common/propsValues/position.mjs';
import '../common/propsValues/layouts.mjs';
import '../common/propsValues/status.mjs';
import '../common/propsValues/sentiment.mjs';
import '../common/propsValues/profileType.mjs';
import '../common/propsValues/variant.mjs';
import '../common/propsValues/scroll.mjs';
import '../common/propsValues/markdownNodeType.mjs';
import '../common/fileType.mjs';
import '@transferwise/formatting';
import '@transferwise/icons';
import 'react';
import 'react-intl';
import '../common/closeButton/CloseButton.messages.mjs';
import { jsxs, jsx } from 'react/jsx-runtime';
import Progress from '../progress/Progress.mjs';
import Title from '../title/Title.mjs';

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

export { ProgressBar as default };
//# sourceMappingURL=ProgressBar.mjs.map
