import type { KeyboardEvent, ReactNode } from 'react';
import type { Attributes, ForwardProps, TestIdProp } from '../../types';
export interface SelectableProps extends TestIdProp, Pick<Attributes<'div'>, 'tabIndex'> {
    /** An id that is used by the onSelect and onRemove functions if they are provided. */
    id: string;
    /** The content of the Badge. */
    children: ReactNode;
    /** Label text used for the remove button's aria-label when children is JSX. */
    contextualLabel?: string;
    /** Takes an ID that represents the Badge. This function is called when the Badge is closed by clicking the X. */
    onRemove?: (id: string) => void;
    /** Event handler fired on every keyup event. */
    onKeyUp?: (event: KeyboardEvent) => void;
}
export declare const StyledSelectable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
    $hasRichContent?: boolean;
}>> & string;
declare const _default: import("react").ForwardRefExoticComponent<Omit<SelectableProps & ForwardProps, "ref"> & import("react").RefAttributes<HTMLElement>> & {
    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["remove"]>;
};
export default _default;
//# sourceMappingURL=Selection.d.ts.map