@centreon/react-components/src/InputField/InputFieldTextarea/index.js

react components used by centreon web frontend

/* eslint-disable jsx-a11y/label-has-for */
/* eslint-disable jsx-a11y/label-has-associated-control */
/* eslint-disable react/jsx-filename-extension */
/* eslint-disable react/prop-types */

import React from 'react';
import classnames from 'classnames';
import styles from './textarea.scss';
import IconInfo from '../../Icon/IconInfo';

const InputFieldTextarea = ({
  error,
  label,
  textareaType,
  iconName,
  iconColor,
  ...rest
}) => {
  return (
    <div
      className={classnames(
        styles['form-group'],
        styles.textarea,
        styles[textareaType || ''],
        error ? styles['has-danger'] : '',
      )}
    >
      {label && (
        <label>
          {iconName ? (
            <IconInfo iconName={iconName} iconColor={iconColor} />
          ) : null}
          {label}
        </label>
      )}
      <textarea
        className={classnames(styles['form-control'])}
        rows="3"
        {...rest}
      />
      {error ? (
        <div className={classnames(styles['form-error'])}>{error}</div>
      ) : null}
    </div>
  );
};

export default InputFieldTextarea;