Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Sobre o ThemeProvider

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.

2 respostas
solução!

Oi Leonardo, tudo bem?

Respondendo à sua pergunta, sim, você está correto! O tema escuro foi aplicado no Container por meio do ThemeProvider, que é responsável por fornecer o tema para todos os componentes filhos. Como o Container é um componente filho do ThemeProvider, ele tem acesso ao tema por meio da prop theme.

Dessa forma, o background-color do Container foi definido como theme.body, que é a cor de fundo do tema escuro.

Espero ter ajudado a esclarecer sua dúvida.

Um abraço e bons estudos.

Oi Lorena, tudo bem sim, espero que esteja bem também ;)

Fico feliz pela sua resposta e feliz também que meu pensamento tá correto. Ainda bem que perguntei no fórum hahahah.

Um abraço!