@centreon/react-components/src/Icon/IconContent/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 './content-icons.scss';

const IconContent = ({
  iconContentType,
  iconContentColor,
  loading,
  onClick,
  customClass,
}) => (
  <span
    style={loading ? { top: '20%' } : {}}
    className={classnames(
      styles['content-icon'],
      { [styles[`content-icon-${iconContentType}`]]: true },
      styles[iconContentColor ? `content-icon-${iconContentColor}` : ''],
      styles[loading ? 'loading-animation' : ''],
      styles[customClass || ''],
    )}
    onClick={onClick}
  />
);

export default IconContent;