@centreon/react-components/src/ProgressBar/ProgressBarSteps/index.js

react components used by centreon web frontend

/* eslint-disable react/jsx-filename-extension */
/* eslint-disable react/prop-types */
/* eslint-disable react/prefer-stateless-function */

import React, { Component } from 'react';
import classnames from 'classnames';
import styles from './progress-bar-steps.scss';

class ProgressBarSteps extends Component {
  render() {
    const { children, customStyles } = this.props;
    return (
      <div
        className={classnames(
          styles['progress-bar'],
          customStyles ? styles['progress-bar-custom-styles'] : '',
        )}
      >
        <div className={classnames(styles['progress-bar-wrapper'])}>
          <ul className={classnames(styles['progress-bar-items'])}>
            {children}
          </ul>
        </div>
      </div>
    );
  }
}

export default ProgressBarSteps;