import { DragEvent, MouseEvent } from 'react';
import { IconProps } from '../Icon/index.js';
import { Style } from 'inlines';
import { KeyHintProps } from '../KeyHint/index.js';
type IconButtonProps = {
    icon: IconProps['variant'];
    onClick?: (e: MouseEvent) => void;
    disabled?: boolean;
    size?: 'regular' | 'small' | 'tiny';
    color?: 'neutral' | 'red';
    toggled?: boolean;
    loading?: boolean;
    tooltip?: string;
    keyHint?: KeyHintProps['hint'];
    keyHintVisualOnly?: boolean;
    keyHintTarget?: HTMLElement;
    trailChevron?: 'up' | 'down' | 'left' | 'right';
    forceHover?: boolean;
    draggable?: boolean;
    onDragStart?: (e: DragEvent) => void;
    onDragEnd?: (e: DragEvent) => void;
    style?: Style;
};
declare const IconButton: ({ onClick, disabled, icon, toggled, loading, color, tooltip, size, keyHint, keyHintVisualOnly, keyHintTarget, trailChevron, forceHover, style, ...dragProps }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
export type { IconButtonProps };
export { IconButton };