import React from 'react';
import { CSSProperties } from 'glamor';
import { ApphouseComponent } from '../component.interfaces';
import { InputProps } from './input.interface';
import { InputComponentStyles } from './input.styles.interface';
export interface InputColorStyles {
    container?: CSSProperties;
    input?: InputComponentStyles;
    colorPicker?: CSSProperties;
    presetButton?: CSSProperties;
}
/**
 * Interface for the preset color option
 */
export interface InputColorPreset {
    value: string;
    label: string;
}
/**
 * Interface for the input color component
 */
export interface InputColorProps extends Omit<InputProps, 'styleOverwrites'>, ApphouseComponent<InputColorStyles> {
    /**
     * A list of color presets to be displayed in the color picker
     */
    presets?: InputColorPreset[];
}
/**
 * An input component for colors
 */
export declare const InputColor: React.FC<InputColorProps>;