import { ButtonDSModes } from '../Button/Button';
import { IconSizes } from '../Icon/Icon';
import { TooltipPlacements } from '../Tooltip/Tooltip';
import './styles.scss';
export declare const IconButtonSizes: readonly ["large", "medium", "small", "x-small"];
type ButtonDSSizes = (typeof IconButtonSizes)[number];
export declare const IconButtonColors: readonly ["accent", "danger", "white"];
type ButtonDSColors = (typeof IconButtonColors)[number];
export type Props = JSX.IntrinsicElements['button'] & {
    name?: string;
    /** When set, shown instead of the Material `name` icon. Same dimensions as the icon for the current size. */
    iconImage?: string;
    color?: ButtonDSColors;
    size?: ButtonDSSizes;
    mode?: ButtonDSModes;
    active?: boolean;
    filledIcon?: boolean;
    spin?: boolean;
    tooltipPlacement?: TooltipPlacements;
    iconSize?: IconSizes;
    iconClassName?: string;
};
export default function IconButton({ name, iconImage, className, disabled, active, color, size, mode, filledIcon, title, spin, iconSize, iconClassName, tooltipPlacement, onClick, type, ...buttonProps }: Props): import("react").JSX.Element;
export {};
