import '../../stencil.core';
import { EventEmitter } from '../../stencil.core';
export declare class RafSelectBar {
    selectBarEl: HTMLRafSelectBarElement;
    /**
     * Fired when option is selected
     */
    rafOptionSelected: EventEmitter;
    /**
     * A list of options to select from
     */
    options: RAF.IselectOption[];
    /**
     * Index of the default selected option
     */
    selectedIndex: number;
    /**
     * The currently selected option
     */
    selectedOption: {
        index: number;
        value: RAF.IselectOption;
    };
    componentDidLoad(): void;
    closestByTag(el: any, selector: any): any;
    /**
     * Change the active state and move the nipple
     *
     * @param event The click event from the selected option
     * @param index The index of the selected option
     * @param option The selected option
     */
    selectLoginMethod(event: Event, index?: number, option?: RAF.IselectOption): boolean;
    render(): JSX.Element;
}