/// <reference types="react" />
import { ButtonProps } from './button.interfaces';
export declare const Button: {
    ({ children, className, appearance, disabled, fullWidth, onClick, pulse, type, shape, size, status, }: ButtonProps<HTMLButtonElement>): JSX.Element;
    defaultTheme: (theme: import("../..").CommonTheme) => [string, {
        cursor: string;
        outlineWidth: string;
        outlineColor: string;
        textFontFamily: string;
        textFontWeight: number;
        disabledCursor: string;
        size: {
            tiny: {
                textFontSize: string;
                textLineHeight: string;
                iconSize: string;
                iconVerticalMargin: string;
                iconOffset: string;
            };
            small: {
                textFontSize: string;
                textLineHeight: string;
                iconSize: string;
                iconVerticalMargin: string;
                iconOffset: string;
            };
            medium: {
                textFontSize: string;
                textLineHeight: string;
                iconSize: string;
                iconVerticalMargin: string;
                iconOffset: string;
            };
            large: {
                textFontSize: string;
                textLineHeight: string;
                iconSize: string;
                iconVerticalMargin: string;
                iconOffset: string;
            };
            giant: {
                textFontSize: string;
                textLineHeight: string;
                iconSize: string;
                iconVerticalMargin: string;
                iconOffset: string;
            };
        };
        shape: {
            rectangle: {
                borderRadius: string;
            };
            semiround: {
                borderRadius: string;
            };
            round: {
                borderRadius: string;
            };
        };
        appearance: {
            filled: {
                borderStyle: string;
                borderWidth: string;
                textTransform: string;
                size: {
                    tiny: {
                        padding: string;
                    };
                    small: {
                        padding: string;
                    };
                    medium: {
                        padding: string;
                    };
                    large: {
                        padding: string;
                    };
                    giant: {
                        padding: string;
                    };
                };
                basic: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                primary: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                success: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                info: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                warning: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                danger: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                control: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
            };
            outline: {
                borderStyle: string;
                borderWidth: string;
                focusInsetShadowLength: string;
                textTransform: string;
                size: {
                    tiny: {
                        padding: string;
                    };
                    small: {
                        padding: string;
                    };
                    medium: {
                        padding: string;
                    };
                    large: {
                        padding: string;
                    };
                    giant: {
                        padding: string;
                    };
                };
                basic: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    focusTextColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    activeTextColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                primary: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    focusTextColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    hoverTextColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    activeTextColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                success: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    focusTextColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    hoverTextColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    activeTextColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                info: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    focusTextColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    hoverTextColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    activeTextColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                warning: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    focusTextColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    hoverTextColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    activeTextColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                danger: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    focusTextColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    hoverTextColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    activeTextColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                control: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    focusTextColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    hoverTextColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    activeTextColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
            };
            ghost: {
                borderStyle: string;
                borderWidth: string;
                focusInsetShadowLength: string;
                textTransform: string;
                size: {
                    tiny: {
                        padding: string;
                    };
                    small: {
                        padding: string;
                    };
                    medium: {
                        padding: string;
                    };
                    large: {
                        padding: string;
                    };
                    giant: {
                        padding: string;
                    };
                };
                basic: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    focusTextColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    hoverTextColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    activeTextColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                primary: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    focusTextColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    hoverTextColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    activeTextColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                success: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    focusTextColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    hoverTextColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    activeTextColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                info: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    focusTextColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    hoverTextColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    activeTextColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                warning: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    focusTextColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    hoverTextColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    activeTextColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                danger: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    focusTextColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    hoverTextColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    activeTextColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
                control: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    focusBackgroundColor: string;
                    focusBorderColor: string;
                    focusTextColor: string;
                    hoverBackgroundColor: string;
                    hoverBorderColor: string;
                    hoverTextColor: string;
                    activeBackgroundColor: string;
                    activeBorderColor: string;
                    activeTextColor: string;
                    disabledBackgroundColor: string;
                    disabledBorderColor: string;
                    disabledTextColor: string;
                };
            };
            hero: {
                borderStyle: string;
                borderWidth: string;
                focusInsetShadowLength: string;
                textTransform: string;
                shadow: string;
                textShadow: string;
                bevelSize: string;
                glowSize: string;
                outlineColor: string;
                outlineWidth: string;
                size: {
                    tiny: {
                        padding: string;
                    };
                    small: {
                        padding: string;
                    };
                    medium: {
                        padding: string;
                    };
                    large: {
                        padding: string;
                    };
                    giant: {
                        padding: string;
                    };
                };
                basic: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    bevelColor: string;
                    glowColor: string;
                    leftBackgroundColor: string;
                    rightBackgroundColor: string;
                    focusLeftBackgroundColor: string;
                    focusRightBackgroundColor: string;
                    hoverLeftBackgroundColor: string;
                    hoverRightBackgroundColor: string;
                    activeLeftBackgroundColor: string;
                    activeRightBackgroundColor: string;
                    disabledBackgroundColor: string;
                    disabledTextColor: string;
                };
                primary: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    bevelColor: string;
                    glowColor: string;
                    leftBackgroundColor: string;
                    rightBackgroundColor: string;
                    focusLeftBackgroundColor: string;
                    focusRightBackgroundColor: string;
                    hoverLeftBackgroundColor: string;
                    hoverRightBackgroundColor: string;
                    activeLeftBackgroundColor: string;
                    activeRightBackgroundColor: string;
                    disabledBackgroundColor: string;
                    disabledTextColor: string;
                };
                success: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    bevelColor: string;
                    glowColor: string;
                    leftBackgroundColor: string;
                    rightBackgroundColor: string;
                    focusLeftBackgroundColor: string;
                    focusRightBackgroundColor: string;
                    hoverLeftBackgroundColor: string;
                    hoverRightBackgroundColor: string;
                    activeLeftBackgroundColor: string;
                    activeRightBackgroundColor: string;
                    disabledBackgroundColor: string;
                    disabledTextColor: string;
                };
                info: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    bevelColor: string;
                    glowColor: string;
                    leftBackgroundColor: string;
                    rightBackgroundColor: string;
                    focusLeftBackgroundColor: string;
                    focusRightBackgroundColor: string;
                    hoverLeftBackgroundColor: string;
                    hoverRightBackgroundColor: string;
                    activeLeftBackgroundColor: string;
                    activeRightBackgroundColor: string;
                    disabledBackgroundColor: string;
                    disabledTextColor: string;
                };
                warning: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    bevelColor: string;
                    glowColor: string;
                    leftBackgroundColor: string;
                    rightBackgroundColor: string;
                    focusLeftBackgroundColor: string;
                    focusRightBackgroundColor: string;
                    hoverLeftBackgroundColor: string;
                    hoverRightBackgroundColor: string;
                    activeLeftBackgroundColor: string;
                    activeRightBackgroundColor: string;
                    disabledBackgroundColor: string;
                    disabledTextColor: string;
                };
                danger: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    bevelColor: string;
                    glowColor: string;
                    leftBackgroundColor: string;
                    rightBackgroundColor: string;
                    focusLeftBackgroundColor: string;
                    focusRightBackgroundColor: string;
                    hoverLeftBackgroundColor: string;
                    hoverRightBackgroundColor: string;
                    activeLeftBackgroundColor: string;
                    activeRightBackgroundColor: string;
                    disabledBackgroundColor: string;
                    disabledTextColor: string;
                };
                control: {
                    backgroundColor: string;
                    borderColor: string;
                    textColor: string;
                    bevelColor: string;
                    glowColor: string;
                    leftBackgroundColor: string;
                    rightBackgroundColor: string;
                    focusLeftBackgroundColor: string;
                    focusRightBackgroundColor: string;
                    hoverLeftBackgroundColor: string;
                    hoverRightBackgroundColor: string;
                    activeLeftBackgroundColor: string;
                    activeRightBackgroundColor: string;
                    disabledBackgroundColor: string;
                    disabledTextColor: string;
                };
            };
        };
    }];
};