export declare const TestIds: {
    buttonContent: string;
    buttonLabel: string;
};
export declare const TRANSITION_DURATION = 400;
export declare const SEMANTIC_CLASS_NAMES: {
    readonly root: "button";
    readonly buttonLabel: "button__label";
    readonly buttonIcon: "button__icon";
};
export declare const DesignStates: {
    readonly root: {
        readonly hover: {
            readonly displayName: "Hover";
            readonly className: "button--hover";
        };
        readonly disabled: {
            readonly displayName: "Disabled";
            readonly className: "button--disabled";
        };
    };
    readonly label: {
        readonly hover: {
            readonly displayName: "Hover";
            readonly className: "button__label--hover";
        };
        readonly disabled: {
            readonly displayName: "Disabled";
            readonly className: "button__label--disabled";
        };
    };
};
export declare const DisplayNames: {
    root: {
        elementDisplayName: string;
        data: {
            disabled: string;
        };
        cssProperties: {
            gap: string;
        };
        cssCustomProperties: {
            'content-horizontal-alignment': string;
            'icon-position': string;
        };
        presets: {
            baseButton: string;
        };
        iconPosition: {
            beforeText: string;
            afterText: string;
            belowText: string;
            aboveText: string;
        };
    };
    label: {
        elementDisplayName: string;
        cssProperties: {
            font: string;
        };
        cssCustomProperties: {};
    };
    data: {
        iconCollapsed: string;
    };
};