Tengo un problema extraño con los componentes stlyed. Tengo un encabezado de componente con un estilo básico, pero cuando intento usar este componente y extender el estilo, no sucede nada. ¿Alguien puede decirme qué está pasando?
import styled from 'styled-components/native'; export const Container = styled.SafeAreaView``; export const Content = styled.View` height: 72px; padding: 0 24px; flex-direction: row; align-items: center; justify-content: center; `; Header component import React, { PropsWithChildren, FC } from 'react'; import { Container, Content } from './styles'; const Header: FC = ({ children }: PropsWithChildren<unknown>, props) => { return ( <Container {...props}> <Content>{children}</Content> </Container> ); }; export default Header; import styled from 'styled-components/native'; import Header from '../components/Header/index'; export const Container = styled(Header)` background: blue; height: 200px; `;