frontend/src/components/StatusToasts.tsx

import { LoaderCircle } from "lucide-react";

type StatusToastsProps = {
  error: string | null;
  isWaitingForTick: boolean;
};

export function StatusToasts({ error, isWaitingForTick }: StatusToastsProps) {
  return (
    <>
      {error ? <div className="errorToast">{error}</div> : null}
      {isWaitingForTick ? (
        <div className="busyToast" role="status" aria-live="polite">
          <LoaderCircle className="spinIcon" size={16} aria-hidden="true" />
          <span>Simulation tick in progress</span>
        </div>
      ) : null}
    </>
  );
}