poly_styled_jsx 0.6.1

AST transforms for styled-jsx
Documentation 
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
33
34
35
36
37
38
39
40

import _JSXStyle from "next/dist/shared/lib/styled-jsx";
export default (({ level =1  })=>{
    const Element = `h${level}`;
    return <Element className={"jsx-fca64cc3f069b519" + " " + "root"}>

      <p className={"jsx-fca64cc3f069b519"}>dynamic element</p>

      <_JSXStyle id={"fca64cc3f069b519"}>{".root.jsx-fca64cc3f069b519{background:red}"}</_JSXStyle>

    </Element>;
});
export const TestLowerCase = ({ level =1  })=>{
    const element = `h${level}`;
    return <element className={"jsx-fca64cc3f069b519" + " " + "root"}>

      <p className={"jsx-fca64cc3f069b519"}>dynamic element</p>

      <_JSXStyle id={"fca64cc3f069b519"}>{".root.jsx-fca64cc3f069b519{background:red}"}</_JSXStyle>

    </element>;
};
const Element2 = 'div';
export const Test2 = ()=>{
    return <Element2 className="root">

      <p className={"jsx-fca64cc3f069b519"}>dynamic element</p>

      <_JSXStyle id={"fca64cc3f069b519"}>{".root.jsx-fca64cc3f069b519{background:red}"}</_JSXStyle>

    </Element2>;
};
export const Test3 = ({ Component ='div'  })=>{
    return <Component className={"jsx-f825b24bbab5b83b"}>

      <p className={"jsx-f825b24bbab5b83b"}>dynamic element</p>

        <_JSXStyle id={"f825b24bbab5b83b"}>{".root.jsx-f825b24bbab5b83b{background:red}"}</_JSXStyle>

    </Component>;
};