import { EventEmitter } from '../../stencil-public-runtime';
import { ListSeparator } from '@limetech/lime-elements';
import { LimeWebComponentContext, LimeWebComponentPlatform } from '@limetech/lime-web-components';
import { BrowserItem } from './browser-item.types';
/**
 * This component creates a UI that allows the user to easily navigate through a list of items,
 * and navigate to their respective paths.
 * The search bar also enables the user to find specific items, by typing
 * a part of their name.
 *
 * It also allows you to group the list items into titled (or untitled) groups.
 *
 * :::tip
 * While typing in the search box, the user can simply press the <kbd>Enter</kbd> key
 * to select the first item in the list.
 * This helps the user to quickly navigate to the first item, which is typically the most relevant one
 * in the search results.
 * :::
 *
 * @exampleComponent limebb-example-browser-basic
 * @exampleComponent limebb-example-browser-list-layout
 * @beta
 */
export declare class Browser {
    /**
     * @inheritdoc
     */
    platform: LimeWebComponentPlatform;
    /**
     * @inheritdoc
     */
    context: LimeWebComponentContext;
    /**
     * List of items to display
     */
    items: Array<BrowserItem | ListSeparator>;
    /**
     * Defines the how the list of items is rendered.
     * - `grid` - Items are displayed in a responsive grid layout.
     * Width of items is adjusted to fit the available space.
     */
    layout: 'grid' | 'list';
    /**
     * Event emitted when the user selects an item in the list.
     */
    change: EventEmitter<BrowserItem>;
    private filter?;
    private host;
    private handleChangeFilter;
    render(): any[];
    private isIncluded;
    private isEmptyGroup;
    private isSeparator;
    private get navigator();
    private get translator();
    private handleChange;
    private handleItemChange;
    private handleKeyDown;
    private getItems;
}
//# sourceMappingURL=browser.d.ts.map