import { EventEmitter, SimpleChanges, QueryList, ChangeDetectorRef } from "@angular/core";
import { BehaviorSubject } from "rxjs";
import { CssUtils } from "../utils";
import { DxcButtonIconComponent } from "./dxc-button-icon/dxc-button-icon.component";
import { BackgroundProviderService } from "../background-provider/service/background-provider.service";
import * as i0 from "@angular/core";
declare type Size = "small" | "medium" | "large" | "fillParent" | "fitContent";
declare type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
declare type Margin = {
    top?: Space;
    bottom?: Space;
    left?: Space;
    right?: Space;
};
export declare class DxcButtonComponent {
    private utils;
    private cdRef;
    bgProviderService?: BackgroundProviderService;
    /**
     * Uses one of the available button modes.
     */
    mode: "primary" | "secondary" | "text";
    /**
     * If true, the component will be disabled.
     */
    get disabled(): boolean;
    set disabled(value: boolean);
    private _disabled;
    /**
     * Text to be placed inside the button.
     */
    label: string;
    /**
     * @deprecated URL of the icon that will be placed next to the button label.
     */
    iconSrc: string;
    /**
     * Whether the icon should appear after or before the label.
     */
    iconPosition: "before" | "after";
    /**
     * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
     * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.
     */
    margin: Space | Margin;
    /**
     * Size of the component.
     */
    size: Size;
    /**
     * Value of the tabindex attribute.
     */
    get tabIndexValue(): number;
    set tabIndexValue(value: number);
    private _tabIndexValue;
    /**
     * This function will be called when the user clicks the button.
     */
    onClick: EventEmitter<void>;
    className: any;
    dxcButtonIcon: QueryList<DxcButtonIconComponent>;
    lightBackground: boolean;
    darkBackground: boolean;
    defaultInputs: BehaviorSubject<any>;
    constructor(utils: CssUtils, cdRef: ChangeDetectorRef, bgProviderService?: BackgroundProviderService);
    ngAfterViewInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    ngOnInit(): void;
    onClickHandler($event: any): void;
    sizes: {
        small: string;
        medium: string;
        large: string;
        fillParent: string;
        fitContent: string;
    };
    setPadding(size: any): string;
    getDynamicStyle(inputs: any): string;
    getModeStyle(): string;
    getPrimaryStyle(): string;
    getSecondaryStyle(): string;
    getTextStyle(): string;
    getPrimaryLightStyle(): string;
    getPrimaryDarkStyle(): string;
    getSecondaryLightStyle(): string;
    getSecondaryDarkStyle(): string;
    getTextLightStyle(): string;
    getTextDarkStyle(): string;
    static ɵfac: i0.ɵɵFactoryDeclaration<DxcButtonComponent, [null, null, { optional: true; }]>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DxcButtonComponent, "dxc-button", never, { "mode": "mode"; "disabled": "disabled"; "label": "label"; "iconSrc": "iconSrc"; "iconPosition": "iconPosition"; "margin": "margin"; "size": "size"; "tabIndexValue": "tabIndexValue"; }, { "onClick": "onClick"; }, ["dxcButtonIcon"], ["dxc-button-icon"]>;
}
export {};
//# sourceMappingURL=dxc-button.component.d.ts.map