"use client";

import { Spinner } from "@heroui/react";

type PageLoadingProps = {
  label?: string;
  className?: string;
};

export function PageLoading({ label = "加载中…", className = "" }: PageLoadingProps) {
  return (
    <div data-component="page-loading"
      role="status"
      aria-live="polite"
      className={`flex min-h-[240px] flex-col items-center justify-center gap-3 text-sm leading-5 text-white/55 ${className}`}
    >
      <Spinner size="lg" color="accent" className="text-[#F12B9E]" />
      <span>{label}</span>
    </div>
  );
}