import Image from "next/image";
import { Spinner } from "@heroui/react";

export default function Loading({ fullScreen = true }: { fullScreen?: boolean }) {
  return (
    <div
      className={`flex flex-col items-center justify-center gap-6 ${fullScreen ? "fixed inset-0 z-[9999] bg-slate-100" : "min-h-48 w-full"}`}
      role="status"
      aria-label="Cargando"
      aria-live="polite"
    >
      <Image
        src="/assets/images/icatep.png"
        alt="ICATEP"
        width={200}
        height={200}
        className="h-auto w-50"
        priority
      />
      <Spinner size="lg" className="text-[#9d2449]" aria-hidden="true" />
      <span className="sr-only">Cargando…</span>
    </div>
  );
}