import { VariantNames } from "../../../foundation/iconography/variantNames.js";
import { ElementType } from "react";
import { AllowedIcons } from "../../../foundation/iconography/index.js";
/**
An icon button is a button which displays only an icon with or without a label. Icon buttons allow users to take actions, and make choices, with a single tap. Because the background is transparent, the icon and label color is inherited from ancestors to acommodate use on different background colors.
*/
export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<{
    as?: ElementType | undefined;
    $as?: ElementType | undefined;
} & Omit<any, "as" | "$as"> & {
    /**
     * Which icon to show.
     */
    icon: AllowedIcons;
    /**
     * A label describing the button's action.
     */
    label: string;
    /**
     * Where the label should be shown. If "none", label will be added as an accessible title on the icon.
     * @default none
     */
    showLabel?: "left" | "right" | "none";
    /** Override the default icon variant for this icon. To change the default icon variant, use IconVariantProvider */
    variantOverride?: VariantNames;
}, "ref"> & import("react").RefAttributes<Element>>;
//# sourceMappingURL=IconButton.d.ts.map