import * as React from 'react';
export interface BaseFilterButtonProps {
    /**
     * If the button is in focus, and the filter menu is open.
     */
    active?: boolean;
    /**
     * When the button represents a checked filter item. Clicking on it
     * now will uncheck the filter.
     */
    checked?: boolean;
    /**
     * When compact is set, we just show a "+" icon instead of showing the filter label on the button.
     */
    compact?: boolean;
    /**
     * Whether or not the button should take the explicit width of the parent container.
     * @defaultValue `false`
     */
    stretch?: boolean;
    /**
     * Gives an explicit height to the button.
     * @defaultValue `auto`
     */
    height?: string | number;
}
export interface FilterProps {
    children?: React.ReactNode;
    /** Type of the filter. */
    type?: string;
    /** A set of filter options to chose from. */
    options: {
        label: string;
        value: string;
    }[];
    /** Selected values. */
    value?: string[];
    onDelete?: () => void;
}
export declare const BaseFilterButton: (props: BaseFilterButtonProps & React.HTMLAttributes<HTMLButtonElement>) => JSX.Element;
export declare const Filter: (props: FilterProps) => JSX.Element;