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>
)