import { ReactNode } from 'react';
import { IconProps } from '../Icon/index.js';
import { KeyHintProps } from '../KeyHint/index.js';
import { Style } from 'inlines';
type ButtonProps = {
    disabled?: boolean;
    variant?: 'fill' | 'border' | 'ghost';
    color?: 'neutral' | 'red';
    size?: 'regular' | 'small' | 'tiny';
    align?: 'left' | 'center' | 'right';
    trailIcon?: IconProps['variant'];
    loading?: boolean;
    toggled?: boolean;
    singleLine?: boolean;
    keyHint?: KeyHintProps['hint'];
    keyHintVisibility?: 'label' | 'tooltip' | 'none';
    tooltip?: string;
    onClick?: (e?: React.MouseEvent) => void | Promise<void>;
    onFocus?: () => void;
    onBlur?: () => void;
    width?: 'auto' | 'full';
    forceHover?: boolean;
    counter?: number;
    style?: Style;
} & ({
    leadIcon: IconProps['variant'];
    children?: ReactNode;
} | {
    leadIcon?: never;
    children: ReactNode;
});
declare const MemoizedButton: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>>;
export type { ButtonProps };
export { MemoizedButton as Button };