import { ThemeColorVariables } from '@dreipol/t3-react-theme';
import { MouseEventHandler, PropsWithChildren, ReactElement } from 'react';
export type FilterChipProps = PropsWithChildren<{
    /**
     * Custom css class
     */
    className?: string;
    /**
     * Custom icon prefix
     */
    iconPrefix?: ReactElement;
    /**
     * Shows if Fitler is active
     */
    active?: boolean;
    /**
     * FilterChip color
     */
    color?: ThemeColorVariables | string;
    /**
     * Render as disabled
     */
    disabled?: boolean;
    /**
     * Click handler
     */
    onClick?: MouseEventHandler;
    /**
     * Use contrast color of palette for label. Affects only outline variant
     */
    contrastLabel?: boolean;
}>;
export declare const FilterChip: (props: {
    /**
     * Custom css class
     */
    className?: string | undefined;
    /**
     * Custom icon prefix
     */
    iconPrefix?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
    /**
     * Shows if Fitler is active
     */
    active?: boolean | undefined;
    /**
     * FilterChip color
     */
    color?: ThemeColorVariables | undefined;
    /**
     * Render as disabled
     */
    disabled?: boolean | undefined;
    /**
     * Click handler
     */
    onClick?: MouseEventHandler | undefined;
    /**
     * Use contrast color of palette for label. Affects only outline variant
     */
    contrastLabel?: boolean | undefined;
} & {
    children?: import("react").ReactNode;
} & import("react").RefAttributes<HTMLButtonElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;