import { type KeyboardEvent, type MouseEvent } from "react";
import { type IAccessibilityConfigBase } from "../../typings/accessibility.js";
import { type IconType } from "../@types/icon.js";
import { type ThemeColor } from "../@types/themeColors.js";
/**
 * @internal
 */
export interface IUiTagAccessibilityConfig extends IAccessibilityConfigBase {
    deleteAriaLabel?: string;
}
/**
 * @internal
 */
export type UiTagProps = {
    label: string;
    variant?: "solid" | "outlined" | "decorated";
    size?: "small" | "large";
    iconBefore?: IconType;
    iconBeforeColor?: ThemeColor;
    isDeletable?: boolean;
    isDisabled?: boolean;
    dataTestId?: string;
    accessibilityConfig?: IUiTagAccessibilityConfig;
    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
    onDelete?: (e: MouseEvent<HTMLButtonElement>) => void;
    onDeleteKeyDown?: (event: KeyboardEvent<HTMLButtonElement>) => void;
    tabIndex?: number;
    deleteTabIndex?: number;
    labelAs?: "button" | "span";
};
/**
 * @internal
 */
export declare const UiTag: import("react").ForwardRefExoticComponent<UiTagProps & import("react").RefAttributes<HTMLButtonElement>>;
//# sourceMappingURL=UiTag.d.ts.map