src/lib/hooks/useCustomPalette.ts


1
2
3
4
5
6
7
8
9
10
11
12
13

import React from 'react'
import {useTheme} from 'lib/ThemeContext'
import {choose} from 'lib/functions'

export function useCustomPalette<T>({light, dark}: {light: T; dark: T}) {
  const theme = useTheme()
  return React.useMemo(() => {
    return choose<T, Record<string, T>>(theme.colorScheme, {
      dark,
      light,
    })
  }, [theme.colorScheme, dark, light])
}