import { VirtualDOM, RxAttribute, ChildrenLike } from '@youwol/rx-vdom';
import { BehaviorSubject, Subject } from 'rxjs';
export type Topic = 'Home' | 'About';
type ScreenMode = 'small' | 'large';
export declare class Logo implements VirtualDOM<'div'> {
    readonly tag: 'div';
    readonly class = "my-auto";
    readonly style: {
        backgroundColor: string;
        letterSpacing: string;
        outlineOffset: string;
        fontWeight: "bold";
        fontSize: string;
    };
    readonly innerText: string;
    constructor({ productName }: {
        productName: string;
    });
}
export declare class BannerItem implements VirtualDOM<'div'> {
    readonly tag: 'div';
    readonly class: RxAttribute<string, string>;
    readonly innerText: string;
    readonly style: {
        whiteSpace: "nowrap";
    };
    onclick: (ev: MouseEvent) => void;
    constructor({ title, topic$, target, }: {
        title: string;
        topic$: BehaviorSubject<Topic>;
        target: Topic;
    });
}
export declare class DropDownBannerItem implements VirtualDOM<'div'> {
    readonly tag: 'div';
    readonly class = "dropdown mx-auto ";
    readonly children: ChildrenLike;
    constructor({ title, options, }: {
        title: string;
        options: {
            title: string;
            type: string;
            url?: string;
        }[];
    });
}
export declare class SeparatorView implements VirtualDOM<'div'> {
    readonly tag: 'div';
    readonly class = "mx-1";
}
export declare class BannerItems implements VirtualDOM<'div'> {
    readonly tag: 'div';
    readonly class = "d-flex my-auto align-items-center flex-grow-1";
    readonly children: ChildrenLike;
    readonly style: {
        maxWidth: string;
    };
    constructor({ topic$, resources, }: {
        topic$: BehaviorSubject<Topic>;
        resources: {
            title: string;
            type: string;
            url?: string;
        }[];
    });
}
export declare class TopBannerView implements VirtualDOM<'div'> {
    readonly tag: 'div';
    readonly id = "top-banner";
    readonly class = "w-100 fv-text-primary";
    readonly style: {
        minHeight: string;
        backgroundColor: string;
        letterSpacing: string;
        outlineOffset: string;
        fontWeight: "bold";
    };
    readonly screenMode$: Subject<ScreenMode>;
    readonly children: ChildrenLike;
    readonly connectedCallback: (elem: HTMLDivElement) => void;
    private htmlElement;
    constructor({ topic$, productName, resources, }: {
        topic$: BehaviorSubject<Topic>;
        productName: string;
        resources: {
            title: string;
            type: string;
            url?: string;
        }[];
    });
}
export {};