sc-react-ions/src/components/ProgressBar/ProgressBarLabel.js

An open source set of React components that implement Ambassador's Design and UX patterns.

import React from 'react'
import PropTypes from 'prop-types'
import style from './style.scss'

const ProgressBarLabel = props => {
  return (
    <label className={style.label}>{ props.text }
      { props.showPercentage ? <span className={style.percentage}>({ props.percentage }%)</span> : null }
    </label>
  )
}

ProgressBarLabel.propTypes = {
  text: PropTypes.string,
  percentage: PropTypes.number,
  showPercentage: PropTypes.bool
}

export default ProgressBarLabel