Creating style object with styled components?

I’ve been researching solutions for css in js solutions and styled-components by far looks better than anything out there, love the syntax and clean approach. Only issue for out project is the concept of “creating components by styling them”, hence I wanted to see if it is possible to create style objects with styled components i.e something like following

const myStyle = ` backgroundColor: red `

<MyComponent style={myStyle} />

[geelen]

That’s part of the Attrs constructor #365

styled(RadioButton).attrs({
  labelStyle: {
    inline: 'styles',
  }
})`
  css: rules;
`

[Haraldson]

I think I understand the reason you refer to in your answer, @mxstbr; you don’t want to encourage bad practices.

However, a scenario I often find myself in, is having to somehow style third-party library components using React inline style attributes. In a lot of these cases, I already have a styled-component in my library, as this is the solution I have bought into and love. Being able to somehow transform/export those style definitions to style objects for third-party library consumption would be incredibly powerful and developer-friendly.

Not sure if any of this has changed over the course of the four last years, if so please enlighten me!