import { ButtonHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
export type ButtonProps = {
    /**
     * Content
     */
    children: ReactNode;
    size?: 'small' | 'medium' | 'large';
    disabled?: boolean;
    /**
     * Button visual style
     */
    type?: 'primary' | 'secondary' | 'primaryDestructive' | 'secondaryDestructive' | 'tertiary' | 'chart' | 'chartColored';
    onClick?: MouseEventHandler<HTMLButtonElement>;
    onMouseEnter?: MouseEventHandler<HTMLButtonElement>;
    onMouseLeave?: MouseEventHandler<HTMLButtonElement>;
    prefix?: ReactNode;
    suffix?: ReactNode;
    /**
     * Escape hatch for when you need to override/add attributes to the `<button/>` tag
     */
    htmlAttributes?: Omit<Partial<ButtonHTMLAttributes<HTMLButtonElement>>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'disabled' | 'children' | 'color'>;
    className?: string;
    testId?: string;
};
export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
//# sourceMappingURL=Button.d.ts.map