Olá, tudo bem?
Surgiu uma dúvida nesse trecho do código: Container/index.jsx
const Container = styled.div`
background-color: ${({ theme }) => theme.body};
min-height: 90vh;
padding: 0px 15vw;
`
Agora, esse trecho:
<ThemeProvider theme={temaEscuro}>
<GlobalStyle />
<Cabecalho />
<Container />
</ThemeProvider>
Como foi aplicado o tema escuro no Container? Seria por conta do Container ser children do ThemeProvider, assim foi possível pegar a prop theme? Essa parte ficou confusa pra mim.