Merge pull request #701 from bldng/ts-match-media

@theme-ui/match-media : Type variable

Author: mxstbr

packages/match-media/src/index.ts

@@ -52,9 +52,12 @@ export const useBreakpointIndex = (options: defaultOptions = {}) => {
   return value
 }
 
-type Values = ((theme: Theme | null) => string[]) | string[]
+type Values<T> = ((theme: Theme | null) => T[]) | T[]
 
-export const useResponsiveValue = (values: Values, options: defaultOptions = {}) => {
+export function useResponsiveValue<T>(
+  values: Values<T>,
+  options: defaultOptions = {}
+): T {
   const { theme } = useThemeUI()
   const array = typeof values === 'function' ? values(theme) : values
   const index = useBreakpointIndex(options)