import { Observable } from 'rxjs';
import { ClickableAnchor } from '@dereekb/dbx-core';
import { TwoColumnsContextStore } from './two.column.store';
import { type Maybe } from '@dereekb/util';
import * as i0 from "@angular/core";
/**
 * Optional responsive component that wraps content on the right side and shows a navigation bar.
 *
 * When rendered it will trigger the context to show left.
 */
export declare class DbxTwoColumnRightComponent {
    readonly twoColumnsContextStore: TwoColumnsContextStore;
    readonly full: import("@angular/core").InputSignal<boolean>;
    readonly header: import("@angular/core").InputSignal<Maybe<string>>;
    readonly block: import("@angular/core").InputSignal<Maybe<boolean>>;
    readonly showBack: import("@angular/core").InputSignal<boolean>;
    readonly alternativeBackRef$: Observable<Maybe<ClickableAnchor>>;
    readonly alternativeBackRefSignal: import("@angular/core").Signal<Maybe<ClickableAnchor>>;
    /**
     * Minimum right-side width allowed in pixels.
     */
    readonly minRightWidth: import("@angular/core").InputSignal<Maybe<number>>;
    protected readonly _setMinRightWidthEffect: import("@angular/core").EffectRef;
    readonly showBackSignal: import("@angular/core").Signal<boolean>;
    constructor();
    backClicked(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<DbxTwoColumnRightComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DbxTwoColumnRightComponent, "dbx-two-column-right", never, { "full": { "alias": "full"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "showBack": { "alias": "showBack"; "required": false; "isSignal": true; }; "minRightWidth": { "alias": "minRightWidth"; "required": false; "isSignal": true; }; }, {}, never, ["[nav]", "*"], true, never>;
}
