46 lines
1.1 KiB
TypeScript
46 lines
1.1 KiB
TypeScript
|
import { Icon } from '../Nav/Icon'
|
||
|
|
import styles from '../Nav/Popup.module.scss'
|
||
|
|
import { t } from '../../utils/intl'
|
||
|
|
import { Popup, PopupProps } from '../Nav/Popup'
|
||
|
|
|
||
|
|
type SharePopupProps = Omit<PopupProps, 'children'>
|
||
|
|
|
||
|
|
export const SharePopup = (props: SharePopupProps) => {
|
||
|
|
return (
|
||
|
|
<Popup {...props}>
|
||
|
|
<ul class="nodash">
|
||
|
|
<li>
|
||
|
|
<a href="#">
|
||
|
|
<Icon name="vk-white" class={styles.icon} />
|
||
|
|
VK
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">
|
||
|
|
<Icon name="facebook-white" class={styles.icon} />
|
||
|
|
Facebook
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">
|
||
|
|
<Icon name="twitter-white" class={styles.icon} />
|
||
|
|
Twitter
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">
|
||
|
|
<Icon name="telegram-white" class={styles.icon} />
|
||
|
|
Telegram
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">
|
||
|
|
<Icon name="link-white" class={styles.icon} />
|
||
|
|
{t('Copy link')}
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</Popup>
|
||
|
|
)
|
||
|
|
}
|