You can just use styled-conponents on React.
const Button = styled.button<{ $primary?: boolean; }>`
/* Adapt the colors based on primary prop */
background: ${props => props.$primary ? "#BF4F74" : "white"};
color: ${props => props.$primary ? "white" : "#BF4F74"};
...
`;
render(
<div>
<Button>Normal</Button>
<Button $primary>Primary</Button>
</div>
);
It’s officially deprecated.
See: https://opencollective.com/styled-components/updates/thank-y...