import { ThemeColorVariables } from '@dreipol/t3-react-theme';
import { MouseEventHandler, PropsWithChildren, ReactElement } from 'react';
export type ContextChipAsType = HTMLButtonElement | HTMLDivElement;
export type ContextChipProps = PropsWithChildren<{
    /**
     * Custom css class
     */
    className?: string;
    /**
     * Custom icon prefix
     */
    iconPrefix?: ReactElement;
    /**
     * ContextChip variant
     */
    variant?: 'outlined' | 'filled';
    /**
     * ContextChip color
     */
    color?: ThemeColorVariables | string;
    /**
     * Render as disabled
     */
    disabled?: boolean;
    /**
     * Click handler
     */
    onClick?: MouseEventHandler;
    /**
     * Use contrast color for label
     */
    contrastLabel?: boolean;
}>;
export declare const ContextChip: (props: {
    /**
     * Custom css class
     */
    className?: string | undefined;
    /**
     * Custom icon prefix
     */
    iconPrefix?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
    /**
     * ContextChip variant
     */
    variant?: "filled" | "outlined" | undefined;
    /**
     * ContextChip color
     */
    color?: ThemeColorVariables | undefined;
    /**
     * Render as disabled
     */
    disabled?: boolean | undefined;
    /**
     * Click handler
     */
    onClick?: MouseEventHandler | undefined;
    /**
     * Use contrast color for label
     */
    contrastLabel?: boolean | undefined;
} & {
    children?: import("react").ReactNode;
} & import("react").RefAttributes<ContextChipAsType>) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;