forked from akai/readest
Huang Xin
26 lines
608 B
TypeScript
26 lines
608 B
TypeScript
import clsx from 'clsx';
|
|
import React from 'react';
|
|
import { useTranslation } from '@/hooks/useTranslation';
|
|
|
|
const Spinner: React.FC<{
|
|
loading: boolean;
|
|
}> = ({ loading }) => {
|
|
const _ = useTranslation();
|
|
if (!loading) return null;
|
|
|
|
return (
|
|
<div
|
|
className={clsx(
|
|
'absolute left-1/2 -translate-x-1/2 transform text-center',
|
|
'top-4 pt-[calc(env(safe-area-inset-top)+64px)]',
|
|
)}
|
|
role='status'
|
|
>
|
|
<span className='loading loading-dots loading-lg'></span>
|
|
<span className='hidden'>{_('Loading...')}</span>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Spinner;
|