I have a component which I export from a helper file:
export const BaseStyle = styled.Text`
color: ${({ theme }) => theme.colors.gray900};
font-size: 36px;
line-height: 40px;
`;
And I am trying to create another styled component which wraps a third party component, but also applies all the styles from BaseStyle
const FinalComponent = styled(thirdPartyComponent)`
background-color: red;
//My goal is to spread the styles of BaseStyle here somehow
`;
Is this achievable in React Native?