react-best-gradient-color-picker
Version:
An easy to use color/gradient picker for React.js
51 lines (50 loc) • 1.6 kB
TypeScript
import React, { ReactNode } from 'react';
import { GradientProps, Styles, PassedConfig, Config } from './shared/types.js';
export default function PickerContextWrapper({ value, children, onChange, isDarkMode, squareWidth, hideOpacity, showHexAlpha, squareHeight, passedConfig, defaultStyles, pickerIdSuffix, }: PCWProps): React.JSX.Element;
export declare function usePicker(): PickerContextProps;
type PCWProps = {
value: string;
squareWidth: number;
children: ReactNode;
squareHeight: number;
hideOpacity: boolean;
onChange: (arg0: string) => void;
defaultStyles: Styles;
isDarkMode: boolean;
pickerIdSuffix: string;
showHexAlpha: boolean;
passedConfig: PassedConfig;
};
export type PickerContextProps = {
hc: any;
config: Config;
value: string;
colors: GradientProps[];
degrees: number;
onChange: (arg0: string) => void;
inputType: string;
tinyColor: any;
isGradient: boolean;
squareWidth: number;
hideOpacity: boolean;
currentLeft: number;
deletePoint: () => void;
squareHeight: number;
setInputType: (arg0: string) => void;
gradientType?: string;
handleChange: (arg0: string) => void;
currentColor: string;
selectedColor: number;
setHc: (arg0: any) => void;
handleGradient: (arg0: string, arg1?: number) => void;
createGradientStr: (arg0: GradientProps[]) => void;
defaultStyles: Styles;
previous: {
color?: string;
gradient?: string;
};
isDarkMode: boolean;
pickerIdSuffix: string;
showHexAlpha: boolean;
};
export {};