import { FormControl } from "@angular/forms";
import { BaseComponent } from "../base/base.component";
import * as i0 from "@angular/core";
/**
 * The toggle component provides a custom toggle-look for checkboxes,
 * in line with the Fluid UI theming.
 */
export declare class ToggleComponent extends BaseComponent {
    /** The boolean form control to bind to the toggle (checkbox) */
    ctrl: FormControl<boolean>;
    /**
     * The unique id to reference the input with (necessary for label binding). If you have multiple
     *  toggles, like in each row of a table, you'd typically use the for-index for this
     */
    id: string;
    /** The label to display next to the toggle (clickable) */
    label: string;
    /** The label position, to the left or right of the toggle */
    labelPosition: 'left' | 'right';
    /** Smaller subtext for underneath the label, usually to provide a more detailed description */
    subText: string;
    constructor();
    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "spaas-toggle", never, { "ctrl": { "alias": "ctrl"; "required": true; }; "id": { "alias": "id"; "required": true; }; "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "subText": { "alias": "subText"; "required": false; }; }, {}, never, never, false, never>;
}