import React from "react" ; import { View } from "react-native" ; import { os , useWindowDimensions , ThemeProvider , Theme , } from "react-native-reflect" ; const testTheme = ( ) => { const invalidTheme = { breakpoints : [ 300 , 600 , 900 , 1200 ] , tsError : "tsError" } ; const themeTsError1 = { breakpoints : [ 300 , 600 , 900 , 1200 ] , tsError : "tsError" } ; const themeTsError2 = { breakpoints : [ 300 , 600 , 900 , 1200 ] , fontSizes : [ 10 , 20 , "tsError" ] } ; const validTheme = { breakpoints : [ 300 , 600 , 900 , 1200 ] , colors : { primary : "blue" , secondary : "white" } } ; const valid1 = ( < ThemeProvider value = { validTheme } > < View /> < /ThemeProvider>); const tsError1 = < ThemeProvider value = "tsError" / > ; const tsError2 = ( < ThemeProvider value = { { breakpoints : [ 300 , 600 , 900 , 1200 ] , tsError : "tsError" } } />); } ;