/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { ButtonHTMLAttributes } from 'react';
import type { IconProps } from '../Icon';
export declare const iconButtonColors: readonly ["contrast", "inverse"];
export type IconButtonColor = (typeof iconButtonColors)[number];
export type IconButtonProps = {
    /** Changes the text colour for readability on a light or dark background. */
    readonly color?: IconButtonColor;
    /** The accessible text for the button. Will be announced by screen readers. Should describe the button’s action. */
    readonly label: string;
    /** The size of the icon. Match it to the text that the Icon Buttons aligns with. */
    readonly size?: IconProps['size'];
    /** The component rendering the icon’s markup. */
    readonly svg?: IconProps['svg'];
} & Readonly<ButtonHTMLAttributes<HTMLButtonElement>>;
/**
 * An icon in a button that can be aligned with text.
 *
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-buttons-icon-button--docs Icon Button docs at Amsterdam Design System}
 */
export declare const IconButton: import("react").ForwardRefExoticComponent<{
    /** Changes the text colour for readability on a light or dark background. */
    readonly color?: IconButtonColor;
    /** The accessible text for the button. Will be announced by screen readers. Should describe the button’s action. */
    readonly label: string;
    /** The size of the icon. Match it to the text that the Icon Buttons aligns with. */
    readonly size?: IconProps["size"];
    /** The component rendering the icon’s markup. */
    readonly svg?: IconProps["svg"];
} & Readonly<ButtonHTMLAttributes<HTMLButtonElement>> & import("react").RefAttributes<HTMLButtonElement>>;