File size: 1,395 Bytes
3313a7c 68ed806 3313a7c 88e5a61 3313a7c 88e5a61 3313a7c 88e5a61 3313a7c 88e5a61 3313a7c |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
import { ReactComponent as Avatars } from '@/assets/svg/login-avatars.svg';
import SvgIcon from '@/components/svg-icon';
import { Flex, Rate, Space, Typography } from 'antd';
import classNames from 'classnames';
import { useTranslate } from '@/hooks/common-hooks';
import styles from './index.less';
const { Title, Text } = Typography;
const LoginRightPanel = () => {
const { t } = useTranslate('login');
return (
<section className={styles.rightPanel}>
<SvgIcon name="login-star" width={80}></SvgIcon>
<Flex vertical gap={40}>
<Title
level={1}
className={classNames(styles.white, styles.loginTitle)}
>
{t('title')}
</Title>
<Text className={classNames(styles.pink, styles.loginDescription)}>
{t('description')}
</Text>
<Flex align="center" gap={16}>
<Avatars></Avatars>
<Flex vertical>
<Space>
<Rate disabled defaultValue={5} />
<span
className={classNames(styles.white, styles.loginRateNumber)}
>
5.0
</span>
</Space>
<span className={classNames(styles.pink, styles.loginRateReviews)}>
{t('review')}
</span>
</Flex>
</Flex>
</Flex>
</section>
);
};
export default LoginRightPanel;
|