How to use the @emotion/serialize.serializeStyles.call function in @emotion/serialize
To help you get started, we’ve selected a few @emotion/serialize examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
emotion-js / next / packages / styled-base / src / index.js View on Github 
const Styled = withCSSContext((props, context) => {
let className = ''
let classInterpolations = []
let mergedProps = pickAssign(testAlwaysTrue, {}, props, {
theme: props.theme || context.theme
})
if (typeof props.className === 'string') {
className += getRegisteredStyles(
context.registered,
classInterpolations,
props.className
)
}
const serialized = serializeStyles.call(
mergedProps,
context.registered,
styles.concat(classInterpolations)
)
const rules = insertStyles(context, serialized)
className += `${context.key}-${serialized.name}`
if (targetClassName !== undefined) {
className += ` ${targetClassName}`
}
const ele = React.createElement(
baseTag,
// $FlowFixMe
pickAssign(shouldForwardProp, {}, props, {
className,
ref: props.innerRef@emotion/serialize
serialization utils for emotion
