import React from 'react';
import { AllStyleProps } from '../../../utils/styledSystem';
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;
export interface ButtonProps extends AllStyleProps {
    /** An id is required. The id appended to the button will be 'id-button'. */
    id: string;
    /** The HTML type attribute that will be appended to the DOM element. */
    type: 'button' | 'submit' | 'reset';
    /** The title prop is set to aria-label in the HTML. It is used an extra description for the button when the button text is insufficient. */
    title: string;
    /** The function that will be triggered when the button is clicked. */
    onClick?: Function;
    /** The CSS class that will be appended to the DOM element. */
    className?: string;
    /** The child node that will be rendered inside the button. */
    children?: any;
    /** A boolean indicating if user interaction is blocked. */
    disabled?: boolean;
    /** Determines the size of the button to be rendered, value is regular by default. */
    size?: 'mini' | 'small' | 'regular';
    /** A value indicating which variant of the button to render. */
    variant?: 'primary' | 'secondary' | 'destructive' | 'outline' | 'buttonGroup' | 'buttonGroupWrapper';
    /** A node representing an icon that should be inserted into the label of the button. */
    icon?: any;
    /** Should be used and set to true for accessibility when used to open a popup */
    'aria-haspopup'?: boolean;
    /** Should be used for accessibility and set with the state of the popup */
    'aria-expanded'?: boolean;
}