/
Jafar
/
production-project
Обзор
Документация
Войти
/
Jafar
/
production-project
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/shared/ui/Code/Code.tsx
29 строк
853 B
Jafar05
add article components
29 авг 2023, 07:15
29 авг 2023, 07:15
000d3b0
Код
Авторство
О чём код?
import { classNames } from 'shared/lib/classNames/classNames'; import { memo, useCallback } from 'react'; import { Button, ButtonTheme } from 'shared/ui/Button/Button'; import CopyIcon from 'shared/assets/icons/copy-20-20.svg'; import cls from './Code.module.scss'; interface CodeProps { className?: string; text: string; } export const Code = memo((props: CodeProps) => { const { className, text } = props; const onCopy = useCallback(() => { navigator.clipboard.writeText(text); }, [text]); return ( <pre className={classNames(cls.Code, {}, [className])}> <Button onClick={onCopy} className={cls.copyBtn} theme={ButtonTheme.CLEAR}> <CopyIcon className={cls.copyIcon} /> </Button> <code> {text} </code> </pre> ); });