import * as React from "react" ; import { View , Text } from "react-native" ; import { useStyled , styled } from "react-native-reflect" ; const Container = styled ( View , { margin : 4 } ) ; const MyComp = ( ) => { const { style , breakpoint } = useStyled ( { style : { fontSize : [ 3 , 4 , 5 ] } } ) ; return < Text style = { style } > { `Breakpoint Index: ${ breakpoint }` } < /Text>; } ; const StyledSingleHook = ( ) => { return ( < Container > < MyComp /> < /Container>); } ; export default StyledSingleHook ;