type AuthFeedbackStackProps = {
  runtimeFallbackNotice: string | null;
  message: string | null;
  resendMessage: string | null;
};

export function AuthFeedbackStack({
  runtimeFallbackNotice,
  message,
  resendMessage,
}: AuthFeedbackStackProps) {
  return (
    <div className="grid gap-2">
      {runtimeFallbackNotice ? (
        <p className="rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900">
          {runtimeFallbackNotice}
        </p>
      ) : null}
      {message ? (
        <p className="rounded-md border border-slate-200 bg-slate-50 px-3 py-2 text-sm">
          {message}
        </p>
      ) : null}
      {resendMessage ? (
        <p className="rounded-md border border-slate-200 bg-slate-50 px-3 py-2 text-sm">
          {resendMessage}
        </p>
      ) : null}
    </div>
  );
}
