15 lines
498 B
TypeScript
15 lines
498 B
TypeScript
import { useMemo } from 'react'
|
|
import { createPalette } from 'hue-map'
|
|
|
|
import { useStore } from '/src/stores'
|
|
import useSettingsStore from '/src/stores/settingsStore'
|
|
|
|
export const usePalette = (steps: number) => {
|
|
const colormap = useStore(useSettingsStore, state => state.colormap)
|
|
|
|
return useMemo(() => createPalette({
|
|
map: (colormap === undefined || colormap === 'crabfit') ? [[0, [247, 158, 0, 0]], [1, [247, 158, 0, 255]]] : colormap,
|
|
steps,
|
|
}).format(), [steps, colormap])
|
|
}
|