import React from "react";
import { Loader2 } from "lucide-react";

export function LoadingToast({ visible }: { visible: boolean }) {
  if (!visible) return null;
  return (
    <div
      role="status"
      className="fixed bottom-5 left-1/2 -translate-x-1/2 z-[60] pointer-events-none flex items-center gap-2 rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900 px-4 py-3 text-xs font-medium text-slate-700 dark:text-slate-200 shadow-lg"
    >
      <Loader2
        aria-hidden="true"
        className="h-4 w-4 animate-spin text-primary-600"
      />
      Loading calendar…
    </div>
  );
}