import React from "react" ; import { View } from "react-native" ; import { Button } from "react-native-elements" ; import { styled } from "react-native-reflect" ; const StyledSingle = styled ( Button , { fontSize : 4 } ) ; const StyledSingleNamed = styled ( "MyButton" , Button , { fontSize : 4 } ) ; const StyledSingleTsError = styled ( Button , { fontSize : 4 , tsError : "tsError" } ) ; const StyledMultiple = styled ( Button , { container : { fontSize : 4 } } ) ; const StyledMultipleNamed = styled ( "MyButton" , Button , { container : { fontSize : 4 } } ) ; const StyledMultipleTsError = styled ( Button , { container : { fontSize : 4 , tsError : "tsError" } } ) ; const StyledAttrs = styled ( Button , { padding : [ 1 , 2 ] } , { a0 : "a0" } ) ; const StyledAttrsNamed = styled ( "MyButton" , Button , { padding : [ 1 , 2 ] } , { a0 : "a0" } ) ; const MyComp = ( ) => ( < View > < StyledSingle containerStyle = { { padding : 10 } } /> < StyledSingleNamed containerStyle = { { padding : 10 } } /> < StyledSingleTsError containerStyle = { { padding : 10 , tsError : "tsError" } } /> < StyledMultiple containerStyle = { { padding : 10 } } /> < StyledMultipleNamed containerStyle = { { padding : 10 } } /> < StyledMultipleTsError containerStyle = { { padding : 10 , tsError : "tsError" } } /> < StyledAttrs containerStyle = { { padding : 10 } } /> < StyledAttrsNamed containerStyle = { { padding : 10 } } /> < /View>);