Hi!
In this article I will show how to make react component which will work like this
const Button = () => (
<>
<Screen landscape large>
[large wide button]
</Screen>
<Screen portrait small medium>
[compact button]
</Screen>
</>
)