import type { BoxProps } from "@twilio-paste/box";
import type { CompositeStateReturn } from "@twilio-paste/reakit-library";
import * as React from "react";
import type { PillVariant } from "./types";
export interface FormPillProps extends CompositeStateReturn {
    /**
     * Overrides the default element name to apply unique styles with the Customization Provider
     *
     * @default 'FORM_PILL'
     * @type {BoxProps['element']}
     * @memberof FormPillProps
     */
    element?: BoxProps["element"];
    /**
     * Set if a pill is in a selected state
     *
     * @type {boolean}
     * @memberof FormPillProps
     */
    selected?: boolean;
    /**
     * Set if a pill is disabled
     *
     * @type {boolean}
     * @memberof FormPillProps
     */
    disabled?: boolean;
    children: React.ReactNode;
    /**
     * Sets the variant of the pill
     *
     * @default 'default'
     * @type {PillVariant}
     * @memberof FormPillProps
     */
    variant?: PillVariant;
    /**
     * Event handler called when a pill is selected
     *
     * @memberof FormPillProps
     */
    onSelect?: (event: React.MouseEvent<HTMLButtonElement>) => void;
    /**
     * Event handler called when a pill is dismissed
     *
     * @memberof FormPillProps
     */
    onDismiss?: (event: React.MouseEvent<Element> | React.KeyboardEvent<Element>) => void;
    /**
     * Event handler called when a pill is focused
     *
     * @memberof FormPillProps
     */
    onFocus?: () => void;
    /**
     * Event handler called when a pill is blurred
     *
     * @memberof FormPillProps
     */
    onBlur?: () => void;
    /**
     * Alternative text for the error icon in the error variant
     *
     * @default '(error)'
     * @type {string}
     * @memberof FormPillProps
     */
    i18nErrorLabel?: string;
}
/**
 * FormPill represents and entity inside of a data collection. It is used as a child of FormPillGroup and should be used
 * in conjunction with the useFormPillGroupState hook
 *
 * @example
 * <FormPill
 *  {...pillState}
 *  onDismiss={() => {
 *    console.log('removed the first pill');
 *  }}
 *  onSelect={() => {}}
 *  onFocus={() => {}}
 *  onBlur={() => {}}
 * >
 *
 * @see https://paste.twilio.design/components/form-pill-group
 */
export declare const FormPill: React.ForwardRefExoticComponent<FormPillProps & React.RefAttributes<HTMLElement>>;
//# sourceMappingURL=FormPill.d.ts.map