Что знаешь о Styled Component

Styled Components — это библиотека для CSS-in-JS, позволяющая писать стили прямо в JavaScript/React-коде. Она использует шаблонные строки для написания CSS, автоматически генерирует уникальные имена классов и поддерживает динамические стили на основе пропсов. **Преимущества:** - Локальная область видимости стилей (изолированность) - Динамические стили через пропсы - Поддержка темизации - SSR и оптимизации (например, удаление неиспользуемого CSS) **Пример:** ```jsx import styled from 'styled-components'; const Button = styled.button` background: ${props => props.primary ? 'blue' : 'gray'}; color: white; padding: 10px 20px; border: none; border-radius: 4px; `; // Использование Click Cancel ``` **Особенности:** - Под капотом использует теги `