import { default as React, Ref } from 'react';
import { IconName } from '../Icon/Icon';
export type IconButtonVariant = 'primaryBrand' | 'primaryInfo' | 'primarySuccess' | 'primaryWarning' | 'primaryAlert' | 'secondaryBrand' | 'secondaryNeutral' | 'secondaryInfo' | 'secondarySuccess' | 'secondaryWarning' | 'secondaryAlert' | 'tertiaryBrand' | 'tertiaryNeutral' | 'tertiaryInfo' | 'tertiarySuccess' | 'tertiaryWarning' | 'tertiaryAlert';
export type IconButtonProps = {
    ref?: Ref<HTMLButtonElement>;
    /**
     * The icon to display in the button
     */
    iconName: IconName;
    /**
     * The visual style of the button
     * @default borderless
     */
    variant?: IconButtonVariant;
    /**
     * Whether the button should be disabled
     * @default false
     */
    isDisabled?: boolean;
    /**
     * Whether the button should have negative margins. Has effect only on bordeless variant
     * @default false
     */
    hasNegativeMargins?: boolean;
    /**
     * className for the element
     */
    className?: string;
    /**
     * The color of the Icon
     */
    iconColor?: string;
    /**
     * Label for the button
     */
    'aria-label': string;
} & Omit<React.HTMLProps<HTMLButtonElement>, 'type' | 'aria-label' | 'aria-hidden'>;
/**
 * Allow users to perform an action or to navigate to another page.
 * No visible label is provided when using an IconButton.
 * As a result, a text label must be provided to identify the control for accessibility.
 * This should be added using the `aria-label` prop.
 * @see https://grapes.spendesk.design/docs/components/icon-button
 */
export declare const IconButton: ({ className, iconName, isDisabled, variant, hasNegativeMargins, onClick, iconColor, ref, ...rest }: IconButtonProps) => React.JSX.Element;
//# sourceMappingURL=IconButton.d.ts.map