const color = 'red'
const otherColor = 'green'
const A = () => (
<div>
<p>test</p>
<style jsx>{`p { color: ${color} }`}</style>
</div>
)
const B = () => (
<div>
<p>test</p>
<style jsx>{`p { color: ${otherColor} }`}</style>
</div>
)
export default () => (
<div>
<A />
<B />
</div>
)