import React, { ReactNode, MouseEvent, FocusEvent, AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
import { IconName, ResponsiveProp } from '../../types';
export declare type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
export declare type ButtonTone = 'primary' | 'neutral' | 'danger';
export declare type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
export interface BaseButtonProps {
    /**
     * Contents of the button.
     */
    children?: ReactNode;
    /**
     * Additional ClassNames to add to button.
     */
    className?: string;
    /**
     * Button takes up the full width of its parent container.
     */
    fullWidth?: boolean;
    /**
     * Name of the icon to include before the button text
     */
    iconPrefix?: IconName;
    /**
     * Name of the icon to include after the button text
     */
    iconSuffix?: IconName;
    /**
     * A unique identifier for the button.
     */
    id?: string;
    /**
     * URL to navigate to when clicked. Passing this attribute automatically
     * renders an anchor <a> tag, NOT a <button> element.
     */
    href?: string;
    /**
     * Disables the button, making it inoperable.
     */
    isDisabled?: boolean;
    /**
     * Replaces the button text with a loading indicator and disables the button.
     */
    isLoading?: boolean;
    /**
     * Prop reserved for when component is wrapped by `<Link>` from react-router.
     */
    navigate?: () => void;
    /**
     * Callback when Button is pressed.
     */
    onClick?: (event: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
    /**
     * Callback when focus leaves Button.
     */
    onBlur?: (event: FocusEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
    /**
     * Callback when Button receives focus.
     */
    onFocus?: (event: FocusEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
    /**
     * Specify the tabIndex of the button.
     */
    tabIndex?: number;
    /**
     * Useful when using button as an anchor tag.
     */
    target?: AnchorHTMLAttributes<HTMLAnchorElement>['target'];
    /**
     * The size of the button.
     */
    size?: ButtonSize | ResponsiveProp<ButtonSize>;
    /**
     * Indicate the intent of the action the button performs.
     */
    tone?: ButtonTone;
    /**
     * The level of visual weight of the button
     */
    variant?: ButtonVariant;
}
export declare type AnchorButtonProps = {
    as: 'a';
} & BaseButtonProps & Omit<React.DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, 'ref'>;
export declare type NormalButtonProps = {
    as?: 'button';
} & BaseButtonProps & Omit<React.DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'ref'>;
export declare type ButtonProps = NormalButtonProps | AnchorButtonProps;
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;