@centreon/react-components/src/Icon/IconHeader/index.js

react components used by centreon web frontend

/* eslint-disable jsx-a11y/no-static-element-interactions */
/* eslint-disable jsx-a11y/click-events-have-key-events */
/* eslint-disable react/jsx-filename-extension */
/* eslint-disable react/prop-types */

import React from 'react';
import classnames from 'classnames';
import styles from './icon-header.scss';

const IconHeader = ({ iconType, iconName, style, onClick, children }) => {
  return (
    <span className={classnames(styles['icons-wrap'])} style={style}>
      <span
        onClick={onClick}
        className={classnames(styles.iconmoon, {
          [styles[`icon-${iconType}`]]: true,
        })}
      />
      <span className={classnames(styles.icons__name)}>{iconName}</span>
      {children}
    </span>
  );
};

export default IconHeader;