Imagine I have the following styles:

color: black;

border: 1px solid white;

and I want to apply them both to two elements of different types:

const SomeImg = styled.img`

  margin: 2em;

`;



const SomeDiv = styled.div`

  margin: 3em;

`;

How can I make both elements extend those styles?

It's easy enough if they were both <div> or <img>. I could do:

const ExtendMe = styled.div`

  color: black;

  border: 1px solid white;

`;



const SomeDiv = styled(ExtendMe)`

  margin: 2em;

`;



const OtherDiv = styled(ExtendMe)`

  margin: 3em;

`;