import { SpinnerIcon } from '../../ui/icons/SpinnerIcon';

export function MapFallback() {
  return (
    <div className="flex h-full w-full items-center justify-center bg-warm-100 dark:bg-navy-950">
      <SpinnerIcon className="h-8 w-8 animate-spin text-teal-600 dark:text-teal-400" />
    </div>
  );
}

export function PaneFallback() {
  return (
    <div className="flex h-full w-full items-center justify-center bg-white dark:bg-navy-950">
      <SpinnerIcon className="h-6 w-6 animate-spin text-teal-600 dark:text-teal-400" />
    </div>
  );
}
