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

export interface FormFeedbackProps extends HTMLAttributes<HTMLElement> {
  innerRef?: LegacyRef<HTMLDivElement>;
}

const FormFeedback: FC<FormFeedbackProps> = ({ className, innerRef, ...rest }) => (
  <div className={classnames('text-red font-12 mt-5', className)} data-testid="FormFeedback" ref={innerRef} {...rest} />
);

export default FormFeedback;
