/
lizardking
/
react_project
Обзор
Документация
Войти
/
lizardking
/
react_project
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/shared/ui/SecondaryButton/SecondaryButton.tsx
14 строк
631 B
LizardKing
Task 5 - styles
17 окт 2025, 14:23
17 окт 2025, 14:23
4ba1ff3
Код
Авторство
О чём код?
import { type ButtonHTMLAttributes, memo } from 'react' type Props = {} & ButtonHTMLAttributes<HTMLButtonElement> function SecondaryButtonComponent({ children, className = '', type = 'button', ...rest }: Props) { const style = `ml-auto bg-surface border border-border rounded-[--radius-md] px-3 py-1.5 text-sm text-muted hover:text-fg hover:bg-elevated focus:outline-none focus:ring-2 focus:ring-accent transition ${className}` return <button {...rest} type={type} className={style}>{children}</button> } export const SecondaryButton = memo(SecondaryButtonComponent) SecondaryButton.displayName = 'SecondaryButton'