[Dúvida] Mais de um arquivo para GlobalStyle

Olá Matheus,

Ótima pergunta! Com styled-components, você tem algumas opções para organizar seus estilos globais. Você pode criar um único arquivo GlobalStyle.js e definir e exportar componentes com o createGlobalStyle, como você mencionou, e depois importá-los conforme necessário. Essa é uma boa prática, pois mantém seus estilos globais em um só lugar e torna mais fácil a manutenção no futuro.

Outra opção é criar um arquivo separado para cada conjunto de estilos globais, como reset.js e styles.js, e importá-los em seu componente principal. Isso pode ser útil se você tiver muitos estilos globais e quiser separá-los em arquivos menores para facilitar a leitura e a manutenção.

Em resumo, ambas as opções são boas práticas e dependem da sua preferência pessoal e da organização do seu projeto. Espero ter ajudado e bons estudos!