@centreon/react-components/src/Custom/CustomIconWithText/index.js

react components used by centreon web frontend

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

import React from 'react';
import classnames from 'classnames';
import styles from './custom-icon-with-text.scss';
import defaultImage from '../../../img/icons/small-logo.png';

const CustomIconWithText = ({ label, image, onClick, iconOff }) => {
  return (
    <span className={classnames(styles['custom-multiple'])} onClick={onClick}>
      <img
        className={classnames(styles['custom-multiple-icon'])}
        {...(!iconOff ? {src:image || defaultImage} : {})}
      />
      <span style={{
        paddingLeft: '6px'
      }}
        className={classnames(styles['custom-multiple-text'])}>
        {label}
      </span>
    </span>
  );
};

export default CustomIconWithText;