import { FC } from "react";
import { FormMessage, Success } from "../hooks/useForm";

const FormResponse: FC<{
  error?: FormMessage;
  success?: Success;
  fallbackSuccessMessage?: string;
  loading: boolean;
}> = ({ error, success, fallbackSuccessMessage, loading }) => {
  if (loading) {
    return null;
  }
  return error && !success ? (
    <div role="alert" className="form-alert-msg">
      {error.message}
    </div>
  ) : success ? (
    <div role="alert" className="form-success-msg">
      {success.message || fallbackSuccessMessage}
    </div>
  ) : null;
};

export default FormResponse;