styled_jsx 18.0.0

AST transforms visitor for styled-jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

import _JSXStyle from "styled-jsx/style";
export default function Component() {
    const width = 100;
    const height = 200;
    const color = '#FF0000';
    return <div className={_JSXStyle.dynamic([
        [
            "6894d960b236be5c",
            [
                width,
                height,
                color
            ]
        ]
    ])}>
      <h1 className={_JSXStyle.dynamic([
        [
            "6894d960b236be5c",
            [
                width,
                height,
                color
            ]
        ]
    ])}>Basic Variables Test</h1>
      <_JSXStyle id={"6894d960b236be5c"} dynamic={[
        width,
        height,
        color
    ]}>{`.component.__jsx-style-dynamic-selector{width:${width}px;height:${height}px;color:${color}}`}</_JSXStyle>
    </div>;
}