@centreon/react-components/src/Submenu/SubmenuHeader/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 './submenu.scss';

class SubmenuHeader extends Component {
  render() {
    const { submenuType, children, active, ...props } = this.props;

    return (
      <div
        className={classnames(styles[`submenu-${submenuType}`], {
          [styles['submenu-active']]: !!active,
        })}
        {...props}
      >
        {children}
      </div>
    );
  }
}

export default SubmenuHeader;