import React from 'react'
import PropTypes from 'prop-types'
import RTProgressBar from 'react-toolbox/lib/progress_bar'
import theme from './theme.scss'
import themeAccent from './themeAccent.scss'

class ProgressBar extends React.Component {
  render () {
    let props = {...this.props}
    let selectedTheme = theme
    if (props.accent || props.secondary) {
      selectedTheme = themeAccent
      delete props.accent
      delete props.secondary
    }
    return (
      <RTProgressBar theme={selectedTheme} {...props}>
        {this.props.children}
      </RTProgressBar>
    )
  }
}

ProgressBar.propTypes = {
  children: PropTypes.any,
  accent: PropTypes.any
}

export default ProgressBar