import { BoxProps, ChakraComponent, ChakraProps } from '@chakra-ui/react';
import { sizesArray } from '../../theme/sharedTypes';
import { default as React, ButtonHTMLAttributes } from 'react';
export declare const buttonElementTypeArray: readonly ["submit", "button", "reset"];
export declare const buttonSizesArray: readonly ["small", "medium", "large"];
export declare const buttonVariantsArray: readonly ["primary", "secondary", "text", "callout", "pill", "iconOnly", "noBrand"];
export type ButtonElementType = typeof buttonElementTypeArray[number];
export type ButtonVariants = typeof buttonVariantsArray[number];
export type ButtonSizes = typeof sizesArray[number];
export interface ButtonProps extends Pick<BoxProps, keyof ChakraProps>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
    /** Adds 'disabled' property to the button. */
    isDisabled?: boolean;
    /** Trigger the Button's action through the `mouseDown` event handler instead
     * of `onClick`. `false` by default. */
    mouseDown?: boolean;
    /** Visibly hidden text that will only be read by screenreaders. */
    screenreaderOnlyText?: string;
    /** The size of the `Button`. */
    size?: ButtonSizes;
    /** The button variation to render based on the `ButtonVariants` type. */
    variant?: ButtonVariants;
}
/**
 * Renders a simple `button` element with custom `variant` styles.
 */
export declare const Button: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<ButtonProps> & React.RefAttributes<HTMLButtonElement>>, React.PropsWithChildren<ButtonProps>>;
export default Button;