---
description: Applies best practices for Styled Components within React components.
globs: src/components/styled/**/*.js
---
- Use the styled-components/macro for better debugging.
- Implement a global theme using ThemeProvider.
- Create reusable styled components.
- Use props for dynamic styling.
- Utilize CSS helper functions like css`` when needed.