import React, { CSSProperties } from 'react';
import { ApphouseComponent } from './component.interfaces';
export interface ColorPickerButtonStyles {
    container?: CSSProperties;
    input?: CSSProperties;
    icon?: CSSProperties;
}
export interface ColorPickerButtonProps extends ApphouseComponent<ColorPickerButtonStyles> {
    /**
     * Unique id for the color picker button
     */
    id: string;
    /**
     * If you want to modify the color picker icon
     * @default TbColorPicker
     */
    icon?: React.ReactNode;
    /**
     * Current color in rgba format
     * @optional
     */
    value?: string;
    /**
     * callback when color is changed
     */
    onChange: (rgbaStr: string) => void;
    /**
     * List of colors to show in the color picker
     * @optional
     */
    colorPresets?: string[];
    /**
     * If true, use will be able to pick a gradient color
     * @default false
     * @optional
     */
    allowGradient?: boolean;
    size?: 'm';
}
/**
 * A component that renders a color picker button
 */
export declare const ColorPickerButton: React.FC<ColorPickerButtonProps>;