How can you pass props into a component?

[Skytrobb]

I'm using facepaint with emotion and I want to be able to pass props into a styled component. With emotion you would normally do this: const TextColumnContainer = styled.div(props => ({ textAlign: props.align || 'center', })); adding a facepaint 'mq' object with all my media queries will break or ignore the css within it. How can I pass props into a styled component that is using facepaint and emotion?

[tkh44]

Here is an example. https://codesandbox.io/s/emotion-31vwj

[ghost]

tkh44, you are a lifesaver.