Fala galera, beleza? Não consegui entender o porquê de algumas coisas na criação do primeiro componente da aula. A professora simplesmente digita o código, vai renderizando e dizendo "como a gente vê ficou assim oh". Não explica a lógica por trás.

Daí, quem puder me ajudar, minha dúvida é a seguinte:

O código inicial é esse:

import React from "react"; import styled from "styled-components"

const Titulo = ({ children }) => { return

{children}

Após criar o styled component fica assim:

import styled from "styled-components"

const Titulo = styled.h1color: grey; padding: 25px 0;; export default Titulo;

Não entendi porque apagou a função que renderizava o h1. Como essa const Titulo vai reconhecer esse children que a professora menciona. Resumindo não entendi a lógica por trás desse negócio. Quem puder me dar uma ajuda ai. Valeu