import _JSXStyle from "styled-jsx/style"; import styles from "./styles"; const styles2 = require("./styles2"); export const Test1 = ()=>
external only
<_JSXStyle id={styles.__hash}>{styles} <_JSXStyle id={styles2.__hash}>{styles2}external and static
<_JSXStyle id={"81a68341e430a972"}>{"p.jsx-81a68341e430a972 {color:red}"} <_JSXStyle id={styles.__hash}>{styles}external and dynamic
<_JSXStyle id={"26b457d3bc475235"} dynamic={[ color ]}>{`p.__jsx-style-dynamic-selector {color:${color}}`} <_JSXStyle id={styles.__hash}>{styles}external, static and dynamic
<_JSXStyle id={"ceba8c9ce34e3d0c"}>{"p.jsx-ceba8c9ce34e3d0c {display:inline-block}"} <_JSXStyle id={"c86b0d7e7328204f"} dynamic={[ color ]}>{`p.__jsx-style-dynamic-selector {color:${color}}`} <_JSXStyle id={styles.__hash}>{styles}static only
<_JSXStyle id={"ceba8c9ce34e3d0c"}>{"p.jsx-df0159ebd3f9fb6f {display:inline-block}"} <_JSXStyle id={"81a68341e430a972"}>{"p.jsx-df0159ebd3f9fb6f {color:red}"}static and dynamic
<_JSXStyle id={"ceba8c9ce34e3d0c"}>{"p.jsx-ceba8c9ce34e3d0c {display:inline-block}"} <_JSXStyle id={"f0677f918e6b5a01"} dynamic={[ color ]}>{`p.__jsx-style-dynamic-selector {color:${color}}`}dynamic only
<_JSXStyle id={"4adc07771eb3723"} dynamic={[ color ]}>{`p.__jsx-style-dynamic-selector {color:${color}}`}dynamic with scoped compound variable
<_JSXStyle id={"a552a4a765a9ca4e"} dynamic={[ innerProps.color ]}>{`p.__jsx-style-dynamic-selector {color:${innerProps.color}}`}dynamic with compound variable
<_JSXStyle id={"7ef39e3312c80ead"} dynamic={[ innerProps.color ]}>{`p.__jsx-style-dynamic-selector {color:${innerProps.color}}`}dynamic with constant variable
<_JSXStyle id={"688a08f9e73a5653"}>{`p.jsx-688a08f9e73a5653 {color:${foo}}`}