@centreon/react-components/src/Button/ButtonActionInput/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 IconAction from '../../Icon/IconAction';
import styles from './button-action-input.scss';

const ButtonActionInput = ({
  buttonIconType,
  onClick,
  buttonColor,
  iconColor,
  buttonPosition,
}) => {
  const cn = classnames(
    styles['button-action-input'],
    styles[buttonColor || ''],
    styles[buttonPosition || ''],
  );
  return (
    <span className={cn} onClick={onClick}>
      <IconAction iconColor={iconColor || ''} iconActionType={buttonIconType} />
    </span>
  );
};

export default ButtonActionInput;