import type { FC, LegacyRef, TextareaHTMLAttributes } from 'react';
import classnames from 'classnames';
import React from 'react';

export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
  innerRef?: LegacyRef<HTMLTextAreaElement>;
  isInvalid?: boolean;
  rows?: number;
}

const Textarea: FC<TextareaProps> = ({ className, innerRef, isInvalid = false, ...rest }) => (
  <textarea
    className={classnames('form-control', { 'border-red': isInvalid }, className)}
    ref={innerRef}
    data-testid="Textarea"
    {...rest}
  />
);

export default Textarea;