How to use @emotion/react - 2 common examples
To help you get started, we’ve selected a few @emotion/react 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 / emotion / scripts / ssr-benchmarks / basic.js View on Github 
let CssPropTriangle = createTriangle(({ x, y, size, color, ...props }) => {
return jsx('div', {
css: css`
position: absolute;
cursor: pointer;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-top-width: 0;
transform: translate(50%, 50%);
margin-left: ${x + 'px'};
margin-top: ${y + 'px'};
border-right-width: ${size / 2 + 'px'};
border-bottom-width: ${size / 2 + 'px'};
border-left-width: ${size / 2 + 'px'};
border-bottom-color: ${color};
`,export default function GlobalStyle() {
const theme = useTheme();
return (
