43 lines
1.5 KiB
TypeScript
43 lines
1.5 KiB
TypeScript
'use client';
|
||
import { FC } from 'react';
|
||
import styles from '@/components/ui/copy-link-toast/CopyLinkToast.module.css';
|
||
import Image from 'next/image';
|
||
|
||
interface ICopyLinkToast {
|
||
isVisible: boolean;
|
||
handleCloseToastLink: () => void;
|
||
}
|
||
|
||
const CopyLinkToast: FC<ICopyLinkToast> = ({ isVisible, handleCloseToastLink }) => {
|
||
return (
|
||
<div className={styles.container}>
|
||
<div className={`${styles.toast} ${isVisible ? styles.visible : ''}`}>
|
||
<div className={styles.closeIcon} onClick={handleCloseToastLink}>
|
||
<Image
|
||
src={'/icons/close-icon.svg'}
|
||
alt={'close icon'}
|
||
width={12}
|
||
height={12}
|
||
/>
|
||
</div>
|
||
<div className={styles.content}>
|
||
<div className={styles.img}>
|
||
<Image
|
||
src={'/icons/info-icon.svg'}
|
||
alt={'info icon'}
|
||
height={24}
|
||
width={24}
|
||
/>
|
||
</div>
|
||
<div className={styles.info}>
|
||
<p>Приглашение скопировано 🔗</p>
|
||
<span>Отправьте эту ссылку своим друзьям 📨</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
);
|
||
};
|
||
|
||
export default CopyLinkToast;
|