import { OnInit, SimpleChanges } from "@angular/core";
import { EventEmitter } from "@angular/core";
import { BehaviorSubject } from "rxjs";
import { CssUtils } from "../utils";
import { BackgroundProviderService } from "../background-provider/service/background-provider.service";
import * as i0 from "@angular/core";
declare type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
declare type Margin = {
    top?: Space;
    bottom?: Space;
    left?: Space;
    right?: Space;
};
export declare class DxcCheckboxComponent implements OnInit {
    private utils;
    bgProviderService?: BackgroundProviderService;
    /**
     * If true, the component is checked. If undefined the component will be uncontrolled
     * and the value will be managed internally by the component.
     */
    get checked(): boolean;
    set checked(value: boolean);
    private _checked;
    /**
     * Will be passed to the value attribute of the html input element. When inside a form,
     * this value will be only submitted if the checkbox is checked.
     */
    value: string;
    /**
     * Text to be placed next to the checkbox.
     */
    label: string;
    /**
     * Whether the label should appear after or before the checkbox.
     */
    labelPosition: "before" | "after";
    /**
     * Name attribute of the input element.
     */
    name: string;
    /**
     * If true, the component will be disabled.
     */
    get disabled(): boolean;
    set disabled(value: boolean);
    private _disabled;
    /**
     * If true, the checkbox will change its appearence, showing that the value is required.
     */
    get required(): boolean;
    set required(value: boolean);
    private _required;
    /**
     * Value of the tabindex attribute.
     */
    get tabIndexValue(): number;
    set tabIndexValue(value: number);
    private _tabIndexValue;
    /**
     * This event will emit in case the user clicks the checkbox.
     * The new value will be passed as a parameter.
     */
    onChange: EventEmitter<boolean>;
    /**
     * 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: "small" | "medium" | "large" | "fillParent" | "fitContent";
    id: string;
    className: any;
    darkBackground: boolean;
    lightBackground: boolean;
    hover: boolean;
    renderedChecked: boolean;
    defaultInputs: BehaviorSubject<any>;
    sizes: {
        small: string;
        medium: string;
        large: string;
        fillParent: string;
        fitContent: string;
    };
    ngOnChanges(changes: SimpleChanges): void;
    constructor(utils: CssUtils, bgProviderService?: BackgroundProviderService);
    ngOnInit(): void;
    onValueChange($event: any): void;
    calculateWidth(size: any): string;
    setTextAlign(labelPosition: any): string;
    hoverCheckbox(): void;
    getDynamicStyle(inputs: any): string;
    static ɵfac: i0.ɵɵFactoryDeclaration<DxcCheckboxComponent, [null, { optional: true; }]>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DxcCheckboxComponent, "dxc-checkbox", never, { "checked": "checked"; "value": "value"; "label": "label"; "labelPosition": "labelPosition"; "name": "name"; "disabled": "disabled"; "required": "required"; "tabIndexValue": "tabIndexValue"; "margin": "margin"; "size": "size"; "id": "id"; }, { "onChange": "onChange"; }, never, never>;
}
export {};
//# sourceMappingURL=dxc-checkbox.component.d.ts.map