import * as React from "react";
import type { MergeElementProps } from "../typings";
interface ChoiceChipBaseProps {
    /**
     * Append to the classNames applied to the component so you can override or
     * extend the styles.
     */
    className?: string;
    /** The text of the chip. */
    label: string;
    /**
     * The leading icon element placed before the label.
     */
    leadingIcon?: React.ReactNode;
    /**
     * The size of the chip.
     * @default "medium"
     */
    size?: "large" | "medium" | "small";
    /**
     * The color of the chip.
     * @default "default"
     */
    color?: "default" | "primary" | "secondary";
    /**
     * The variant of the chip.
     * @default "filled"
     */
    variant?: "filled" | "outlined";
    /**
     * If `true`, the chip will be rounded.
     * @default false
     */
    rounded?: boolean;
    /**
     * If `true`, the chip will be disabled.
     * @default false
     */
    disabled?: boolean;
    /**
     * The default state of `selected`. Use when the component is not controlled.
     * @default false
     */
    defaultSelected?: boolean;
    /**
     * If `true`, the chip will be selected.
     * @default false
     */
    selected?: boolean;
    /**
     * The Callback fires when the chip has selected/deselected.
     */
    onToggle?: (isSelected: boolean) => void;
}
export declare type ChoiceChipProps = MergeElementProps<"div", ChoiceChipBaseProps>;
declare type Component = {
    (props: ChoiceChipProps): React.ReactElement | null;
    propTypes?: React.WeakValidationMap<ChoiceChipProps> | undefined;
    displayName?: string | undefined;
};
declare const ChoiceChip: Component;
export default ChoiceChip;