mirror of
https://github.com/NapNeko/NapCatQQ.git
synced 2025-12-19 13:10:16 +08:00
23 lines
495 B
TypeScript
23 lines
495 B
TypeScript
import { Spinner } from '@heroui/spinner'
|
|
import clsx from 'clsx'
|
|
|
|
export interface PageLoadingProps {
|
|
loading?: boolean
|
|
}
|
|
const PageLoading: React.FC<PageLoadingProps> = ({ loading }) => {
|
|
return (
|
|
<div
|
|
className={clsx(
|
|
'absolute top-0 left-0 w-full h-full bg-zinc-500 bg-opacity-10 z-50 flex justify-center items-center backdrop-blur',
|
|
{
|
|
hidden: !loading
|
|
}
|
|
)}
|
|
>
|
|
<Spinner size="lg" />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default PageLoading
|