import { VirtualDOM, RxChildren } from '@youwol/rx-vdom';
import { BehaviorSubject } from 'rxjs';
/**
 * Represents a drop-down view.
 *
 * <js-cell>
 * let dropdown = new Views.DropDown({
 *     items: {foo:42, bar:84},
 *     selected: 'foo',
 *     displayedNames: { 'foo': 'Foo', 'bar': 'Bar'}
 * })
 * display(dropdown)
 * display(dropdown.value$)
 * </js-cell>
 *
 */
export declare class DropDown implements VirtualDOM<'div'> {
    readonly tag = "div";
    /**
     * Classes associated to the view.
     */
    readonly class = "mknb-DropDown dropdown";
    readonly children: RxChildren<'replace'>;
    /**
     * Observable on the current value.
     */
    readonly value$: BehaviorSubject<unknown>;
    /**
     * Observable on the current item's ID.
     */
    readonly itemId$: BehaviorSubject<string>;
    /**
     * Default value.
     */
    readonly value: unknown;
    /**
     * Style attributes.
     */
    readonly style: {
        fontSize: string;
    };
    /**
     *
     * @param params
     * @param params.items Dictionary itemId -> values.
     * @param params.selected Initial item ID selected.
     * @param params.displayedNames Dictionary itemId -> displayed names.
     */
    constructor(params: {
        items: {
            [k: string]: unknown;
        };
        selected: string;
        displayedNames?: {
            [k: string]: unknown;
        };
    });
}