// @flow
import PropTypes from 'prop-types';
import type { ColorPaletteColorNameKey } from '../../../mixins/branding/branding.proptypes';

export type CircularProgressBarProps = {
  color?: ColorPaletteColorNameKey,
  bgColor?: ColorPaletteColorNameKey,
  percentage: number,
  className?: string,
  strokeWidth?: number,
  initialAnimation?: boolean,
  counterClockwise?: boolean,
  size?: string,
};

export const circularProgressBarPropTypes = {
  percentage: PropTypes.number.isRequired,
  color: PropTypes.string,
  bgColor: PropTypes.string,
  initialAnimation: PropTypes.bool,
  size: PropTypes.string,
  className: PropTypes.string,
  strokeWidth: PropTypes.number,
  counterClockwise: PropTypes.bool,
};
