import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
import { ReactNode } from "react";
export type ButtonSize = "medium" | "small" | "large" | "larger";
export type ButtonVariant = "normal" | "danger" | "success" | "heavy" | "light";
export interface CommonButtonProps {
    /** The text on the button. */
    label?: string;
    /** The variant to use. */
    variant?: ButtonVariant;
    /** The content to show when loading. */
    loadingLabel?: string;
    /** The size of the button, can be 'small', 'normal' or 'large' */
    size?: ButtonSize;
    /** Render loading spinner instead of button. */
    loading?: boolean;
    /** Render success check icon instead of button. */
    success?: boolean;
    /** The content to show on success. */
    successLabel?: string;
    /** FontAwesome icon to place to the left of the text. */
    leftIcon?: IconDefinition;
    /** React element to place to the left of the text. */
    left?: ReactNode;
    /** FontAwesome icon to place to the right of the text. */
    rightIcon?: IconDefinition;
    /** React element to place to the right of the text. */
    right?: ReactNode;
    /** Icon class name */
    iconClassName?: string;
    /** Label class name */
    labelClassName?: string;
    /** Spinner class name */
    spinnerClassName?: string;
    /** Left wrapper class name */
    leftWrapperClassName?: string;
    /** Right wrapper class name */
    rightWrapperClassName?: string;
    /** Show only icon when small screen */
    responsiveIconOnly?: boolean;
}