"use client";

import { useEffect, useState } from "react";

const STORAGE_KEY = "formSubmitMessage";

interface Props {
  fallback: string;
}

export default function FormSubmissionMessage({ fallback }: Props) {
  const [message, setMessage] = useState<string>(fallback);

  useEffect(() => {
    try {
      const stored = localStorage.getItem(STORAGE_KEY);
      if (stored) {
        setMessage(stored);
      }
    } catch {
      // ignore storage errors
    }
  }, [fallback]);

  return <>{message}</>;
}