import { FunctionComponent } from 'react';
import { SvgIconProps } from '@material-ui/core/SvgIcon';
export declare enum BUTTON_THEMES {
    DEFAULT = "default",
    DARK = "dark",
    GREY = "grey",
    TRANSPARENT = "transparent"
}
export declare enum BUTTON_ALIGN {
    LEFT = "left",
    MIDDLE = "middle",
    RIGHT = "right"
}
declare type Props = {
    label?: string;
    title?: string;
    theme?: BUTTON_THEMES;
    /** Displays a border around the button */
    border?: boolean;
    Icon?: FunctionComponent<SvgIconProps>;
    iconSize?: 'icon-regular' | 'icon-small' | 'icon-big';
    to?: string;
    onClick?: Function;
    primary?: boolean;
    disabled?: boolean;
    loading?: boolean;
    height?: number;
    align?: BUTTON_ALIGN;
    style?: Object;
    className?: string;
    tabIndex?: number;
    autofocus?: boolean;
};
/**
- Use button to perform all actions related with user interaction.
- Buttons should also be used to perform routing actions.
**/
export declare function Button({ theme, border, label, title, Icon, iconSize, to, onClick, primary, disabled, loading, height, align, style, className, autofocus, tabIndex, }: Props): JSX.Element | null;
export {};