@braineet/ui/dist/esm/components/progressBar/index.js

Braineet design system

import React from 'react';
import { withTheme } from 'styled-components';
import S from './styles';

/**
 The `ProgressBar` component.
*/
import { jsx as _jsx } from "react/jsx-runtime";
var ProgressBar = function ProgressBar(_ref) {
  var max = _ref.max,
    value = _ref.value,
    color = _ref.color;
  return /*#__PURE__*/_jsx(S.ContainerBar, {
    children: /*#__PURE__*/_jsx(S.ProgressingBar, {
      maxValue: max,
      progressValue: value,
      bg: color
    })
  });
};
ProgressBar.defaultProps = {
  max: 100,
  value: 0,
  color: 'brand'
};
export default withTheme(ProgressBar);