import { OutputType, RGBA } from './types';
import PanelSwitcher, { PanelType } from './components/panel-switcher';
import ColorPicker, { PickingArea, MainColorBar, AlphaBar, OperationsArea } from './components/color-picker';
import PresetPicker, { MemoryColors, PopularColors, StandardColors } from './components/preset-picker';
import EventEmitter from './libs/EventEmitter';
export interface ColorPicksState {
    initialValue: RGBA;
    mainColor: RGBA;
    currentColor: RGBA;
    setCurrentFlag: boolean;
    panel: PanelType;
    isPicking: boolean;
    confirm: () => void;
    cancel: () => void;
}
export interface ColorPicksContext {
    el?: HTMLDivElement;
    panelSwitcher?: PanelSwitcher;
    presetPicker?: PresetPicker;
    colorPicker?: ColorPicker;
    pickingArea?: PickingArea;
    mainColorBar?: MainColorBar;
    alphaBar?: AlphaBar;
    operationsArea?: OperationsArea;
    popularColors?: PopularColors;
    standardColors?: StandardColors;
    memoryColors?: MemoryColors;
}
export interface ColorPicksOptions {
    outputType: OutputType;
    theme: 'light' | 'dark';
}
declare type ElType = string | HTMLElement;
export default class ColorPicks extends EventEmitter {
    #private;
    el: HTMLElement;
    options: ColorPicksOptions;
    isShow: boolean;
    mounted: boolean;
    constructor(triggerElement: ElType, options?: Partial<ColorPicksOptions>);
    get state(): ColorPicksState;
    setColor(color: string): ColorPicks;
    mount(): ColorPicks;
    show(): void;
    hide(): void;
}
export {};