import { IconProps } from '../icon/Icon';
import { IconColor } from '../../tokens/icon-colors/IconColors';
import { AnchorHTMLAttributes, AriaAttributes, ButtonHTMLAttributes } from 'react';
type IconButtonColor = Extract<IconColor, 'brand' | 'gray' | 'white'>;
interface BaseProps extends Pick<IconProps, 'feIcon' | 'feSize'> {
    /** Label  */
    'aria-label': AriaAttributes['aria-label'];
    /** If provided, alters the appearance */
    feColor?: IconButtonColor;
}
export interface IconButtonAnchor extends BaseProps, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'aria-label' | 'children'> {
    /** Option to render the component as a anchor or button */
    as: 'a';
}
export interface IconButtonButton extends BaseProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label' | 'children'> {
    as: 'button';
}
export type IconButtonProps = IconButtonAnchor | IconButtonButton;
/**
 * The `<IconButton>` component renders as an anchor or button element. **Notice!** Be careful to choose the appropriate type.
 *
 * See [InVision DSM](https://skf.invisionapp.com/dsm/ab-skf/4-web-applications/nav/5fa7caf78c01200018354494/folder/60d0563faa295035103b96af) for design principles.
 */
declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLElement>>;
export default IconButton;