react-best-gradient-color-picker
Version:
An easy to use color/gradient picker for React.js
44 lines (43 loc) • 1.47 kB
TypeScript
import { Config } from '../shared/types.js';
export declare const useColorPicker: (value: string, onChange: (arg0: string) => void, config?: Config) => {
setR: (newR: number) => void;
setG: (newG: number) => void;
setB: (newB: number) => void;
setA: (newA: number) => void;
setHue: (newHue: number) => void;
addPoint: (left: number) => void;
setSolid: (startingColor: string) => void;
setLinear: () => void;
setRadial: () => void;
valueToHSL: () => string;
valueToHSV: () => string;
valueToHex: () => string;
valueToCmyk: () => string;
setDegrees: (newDegrees: number) => void;
setGradient: (startingGradiant: string) => void;
setLightness: (newLight: number) => void;
setSaturation: (newSat: number) => void;
setSelectedPoint: (index: number) => void;
deletePoint: (index: number) => void;
isGradient: boolean;
gradientType: string | undefined;
degrees: number;
setPointLeft: (left: number) => void;
currentLeft: number;
rgbaArr: number[];
hslArr: number[];
handleChange: (newColor: string) => void;
previousColors: never[];
getGradientObject: (currentValue: string) => {
isGradient: boolean;
gradientType: string | undefined;
degrees: string;
colors: any;
} | {
isGradient: boolean;
gradientType: null;
degrees: null;
colors: any;
} | undefined;
selectedPoint: number;
};