22 lines
562 B
TypeScript
22 lines
562 B
TypeScript
"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>
|
|
);
|
|
}
|