lobe-chat

1
import { Icon } from '@lobehub/ui';
2
import { Loader2 } from 'lucide-react';
3
import { memo } from 'react';
4
import { Center, Flexbox } from 'react-layout-kit';
5

6
import { ProductLogo } from '@/components/Branding';
7

8
const FullscreenLoading = memo<{ title?: string }>(({ title }) => {
9
  return (
10
    <Flexbox height={'100%'} style={{ position: 'relative', userSelect: 'none' }} width={'100%'}>
11
      <Center flex={1} gap={16} width={'100%'}>
12
        <ProductLogo size={48} type={'combine'} />
13
        <Center gap={12} horizontal style={{ fontSize: 15, lineHeight: 1.5, opacity: 0.66 }}>
14
          <Icon icon={Loader2} size={{ fontSize: 16 }} spin />
15
          {title}
16
        </Center>
17
      </Center>
18
    </Flexbox>
19
  );
20
});
21

22
export default FullscreenLoading;
23