import * as _lacera_ngx_toolbox_layout from '@lacera/ngx-toolbox/layout';
import * as _angular_core from '@angular/core';
import { SafeUrl } from '@angular/platform-browser';
import { TbxAppStateModel } from '@lacera/ngx-toolbox/app';
import * as rxjs from 'rxjs';
import { TbxClockService } from '@lacera/ngx-toolbox/utilities';

declare class TbxHeaderComponent {
    /** The application state received from the backend. */
    state: _angular_core.InputSignal<TbxAppStateModel>;
    /** The brand image to display on the left panel. */
    brandImg: _angular_core.InputSignal<string>;
    /** The router links to display in the header. */
    links: _angular_core.InputSignal<_lacera_ngx_toolbox_layout.TbxHeaderLinks>;
    headerClass: _angular_core.InputSignal<string>;
    private readonly sanitizer;
    private readonly routes;
    get userName(): string;
    get homeUrl(): string;
    get userPictureUrl(): string;
    get feedbackUrl(): SafeUrl;
    get internalClass(): string;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TbxHeaderComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TbxHeaderComponent, "tbx-page-header", never, { "state": { "alias": "state"; "required": true; "isSignal": true; }; "brandImg": { "alias": "brandImg"; "required": false; "isSignal": true; }; "links": { "alias": "links"; "required": false; "isSignal": true; }; "headerClass": { "alias": "headerClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

interface TbxHeaderLink {
    text: string;
    link: string;
    icon: string;
    title?: string;
}
declare type TbxHeaderLinks = TbxHeaderLink[];
declare const homeLink: TbxHeaderLink;
declare const feedbackLink: TbxHeaderLink;
declare const DEFAULT_LINKS: TbxHeaderLinks;

declare class TbxFooterComponent {
    private readonly clockService;
    /** The current application state with all its information. */
    readonly state: _angular_core.InputSignal<TbxAppStateModel>;
    /** The LACERA logo image (defaults to 'assets/images/lacera-logo-16x16.png'). */
    readonly laceraLogoImg: _angular_core.InputSignal<string>;
    /** Gets the background color to display the region label. */
    regionClass: _angular_core.Signal<string>;
    protected readonly now: rxjs.Observable<Date>;
    protected readonly aboutVisible: _angular_core.WritableSignal<boolean>;
    constructor(clockService: TbxClockService);
    toggleAbout: () => void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TbxFooterComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TbxFooterComponent, "tbx-page-footer", never, { "state": { "alias": "state"; "required": true; "isSignal": true; }; "laceraLogoImg": { "alias": "laceraLogoImg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

declare class TbxPageTitleComponent {
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TbxPageTitleComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TbxPageTitleComponent, "tbx-page-title", never, {}, {}, never, ["*"], true, never>;
}

export { DEFAULT_LINKS, TbxFooterComponent, TbxHeaderComponent, TbxPageTitleComponent, feedbackLink, homeLink };
export type { TbxHeaderLink, TbxHeaderLinks };