How to use the @emotion/primitives.Text function in @emotion/primitives
To help you get started, we’ve selected a few @emotion/primitives 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.
doczjs / docz / examples / react-native / src / components / Button.jsx View on Github 
gray: kind('#8492A6', 'white'),
}
const getScale = ({ scale = 'normal' }) => scales[scale]
const getKind = ({ kind = 'primary' }) => kinds[kind]
const ButtonStyled = styled.TouchableOpacity`
${getKind};
${getScale};
cursor: pointer;
margin: 3px 5px;
border: 0;
border-radius: 3px;
`
const Text = styled.Text`
${getScale};
width: 100%;
padding: 0;
color: white;
text-align: center;
color: ${p => kinds[p.outline]};
`
export const Button = ({
scale = 'normal',
kind = 'primary',
outline = false,
children,
}) => (@emotion/primitives
> Style and render primitive interfaces across multiple targets with emotion
