Tengo una duda sobre el código implementado con el styled component de como pasa de esto
import React from "react";
const Title = ({ children }) => {
return <h1 className="title">{children}</h1>;
};
export default Title;
a esto
import styled from "styled-components"
const Title = styled.h1`
color: grey;
padding: 25px 0;
`
export default Title;
ósea se elimina la función que retorna el h1 de html con la className="title" porque con el styled component ya le agrega los estilos con styled.h1, mi duda es, porque no se elimina el texto si ya se elimina la estructura html? porque el children (el cual supongo que es el texto del h1) permanece, si solamente se le está exportando estilo como es el color y el padding?
