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-30 flex justify-center items-center backdrop-blur',
        {
          hidden: !loading,
        }
      )}
    >
      <Spinner size='lg' />
    </div>
  );
};

export default PageLoading;