import { SketchPicker } from 'react-color';
import { Theme } from '../../utils/theme';
declare const StyledColorPickerLayout: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
declare const StyledColorPickerInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<Omit<{
    placeholder?: string;
    id?: string;
    icon?: string;
    label: string;
    title?: string;
    value?: string;
    isLoading?: boolean;
    type: "email" | "file" | "number" | "password" | "tel" | "text" | "url";
    name?: string;
    disabled?: boolean;
    dataId?: string;
    iconAriaLabel?: string;
    ariaLabel?: string;
    isItToSearch?: boolean;
    autoComplete?: string;
} & import('react').InputHTMLAttributes<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement> & {
    dataId?: string;
}, "ref"> & import('react').RefAttributes<unknown>, "ref"> & {
    ref?: ((instance: unknown) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<unknown> | null | undefined;
}, never>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<{
    placeholder?: string;
    id?: string;
    icon?: string;
    label: string;
    title?: string;
    value?: string;
    isLoading?: boolean;
    type: "email" | "file" | "number" | "password" | "tel" | "text" | "url";
    name?: string;
    disabled?: boolean;
    dataId?: string;
    iconAriaLabel?: string;
    ariaLabel?: string;
    isItToSearch?: boolean;
    autoComplete?: string;
} & import('react').InputHTMLAttributes<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement> & {
    dataId?: string;
}, "ref"> & import('react').RefAttributes<unknown>>, keyof import('react').Component<any, {}, any>>;
declare const StyledSpinnerColorPicker: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<{
    color?: string;
    size?: number;
}, {
    $showInput: boolean;
    theme: Theme;
}>> & string & Omit<({ color, size, ...props }: {
    color?: string;
    size?: number;
}) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
declare const StyledColorPanel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
declare const StyledSketchPicker: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('react-color').SketchPickerProps, "ref"> & import('react').RefAttributes<SketchPicker>, never>> & string & Omit<typeof SketchPicker, keyof import('react').Component<any, {}, any>>;
declare const StyledColorPickerSwatch: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
declare const StyledColorPickerPopover: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
export { StyledColorPickerLayout, StyledColorPickerInput, StyledSketchPicker, StyledSpinnerColorPicker, StyledColorPanel, StyledColorPickerPopover, StyledColorPickerSwatch };