frontend/src/components/StatusMessage.tsx

interface StatusMessageProps {
  type: "ok" | "err" | "loading";
  message: string;
}

export default function StatusMessage({ type, message }: StatusMessageProps) {
  return (
    <div className={`status status-${type}`}>
      {type === "loading" && <span className="spinner" />}
      {message}
    </div>
  );
}