import React, { ReactNode, MouseEvent } from 'react';
import { IconTypes } from '../icon/Icon';
export type ButtonType = 'primary' | 'secondary' | 'danger' | 'warn';
export interface Props {
    children: ReactNode;
    className?: string;
    disabled?: boolean;
    /** Right-side icon */
    iconAfter?: IconTypes | ReactNode;
    /** Left-side icon */
    iconBefore?: IconTypes | ReactNode;
    isSubmitButton?: boolean;
    /** Text before the content, can be styled by targetting 'button-label' */
    label?: string;
    /** Hides the content and replaces it with the loadingMessage */
    loading?: boolean;
    /** Message shown while loading  */
    loadingMessage?: string;
    onClick?: (event?: MouseEvent) => void;
    /** Removes background-color from button */
    transparent?: boolean;
    /** Sets the theming of the button ('primary', 'secondary', 'danger', 'warn')  */
    type?: ButtonType;
}
declare const Button: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
export default Button;