lobe-chat

1
'use client';
2

3
import { Icon } from '@lobehub/ui';
4
import { Typography } from 'antd';
5
import { LoaderCircle } from 'lucide-react';
6
import { useTranslation } from 'react-i18next';
7
import { Center, Flexbox } from 'react-layout-kit';
8

9
export default () => {
10
  const { t } = useTranslation('common');
11
  return (
12
    <Center height={'100%'} width={'100%'}>
13
      <Flexbox align={'center'} gap={8}>
14
        <div>
15
          <Icon icon={LoaderCircle} size={'large'} spin />
16
        </div>
17
        <Typography.Text style={{ letterSpacing: '0.1em' }} type={'secondary'}>
18
          {t('loading')}
19
        </Typography.Text>
20
      </Flexbox>
21
    </Center>
22
  );
23
};
24