/
pellya
/
blogReactera
Обзор
Документация
Войти
/
pellya
/
blogReactera
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/shared/ui/Code/Code.tsx
30 строк
897 B
rpellya@gmail.com
Add prettier
02 фев 2025, 22:40
02 фев 2025, 22:40
5f9ec21
Код
Авторство
О чём код?
import { memo, useCallback } from 'react'; import { classNames } from 'shared/lib/classNames/classNames'; import CopyIcon from 'shared/assets/icons/copy.svg'; import cls from './Code.module.scss'; import { Button, ButtonVariant } from '../Button/Button'; import { Icon } from '../Icon/Icon'; interface CodeProps { className?: string; text: string; } export const Code = memo(({ className, text }: CodeProps) => { const onCopy = useCallback(() => { navigator.clipboard.writeText(text); }, [text]); return ( <pre className={classNames(cls.Code, {}, [className])}> <Button onClick={onCopy} theme={ButtonVariant.CLEAR} className={cls.copyBtn} > <Icon Svg={CopyIcon} className={cls.copyIcon} /> </Button> <code>{text}</code> </pre> ); });