import { ElementViewModel, ISurfaceContext } from '@devexpress/analytics-core/analytics-elements';
import { ModelSerializer } from '@devexpress/analytics-core/analytics-utils';
import * as ko from 'knockout';
import { GlyphOptions } from './properties/glyphOptions';
import { ControlType } from './utils/_controlTypes';
import { XRControlViewModel } from './xrControl';
import { XRTextControlSurfaceBase } from './xrTextControl';
export declare class XRCheckBoxViewModel extends XRControlViewModel {
    static _patchModel(model: any): any;
    constructor(control: any, parent: ElementViewModel<ControlType>, serializer?: ModelSerializer);
    checked: ko.Observable<boolean> | ko.Computed<boolean>;
    checkBoxState: ko.Observable<string> | ko.Computed<string>;
    glyphAlignment: ko.Observable<string> | ko.Computed<string>;
    glyphOptions: GlyphOptions;
}
export declare class XRCheckBoxSurface extends XRTextControlSurfaceBase<XRCheckBoxViewModel> {
    constructor(control: XRCheckBoxViewModel, context: ISurfaceContext);
    borderCss: any;
    checkStateClass: ko.Computed<string>;
    checkStateStyleIcon: ko.Computed<string>;
    customGlyphStyleCss: ko.Computed<any>;
    checkStateWidth: ko.Observable<number> | ko.Computed<number>;
    checkStateHeight: ko.Observable<number> | ko.Computed<number>;
    textWidth: ko.Computed<number>;
    leftPadding: any;
    checkStateWidthContainer: ko.Observable<string> | ko.Computed<string>;
    visibleText: ko.Observable<boolean> | ko.Computed<boolean>;
    isGlyphAlignmentNear: ko.Computed<boolean>;
}