/**
 * Contains the Tabs class, which represents a tab navigation component.
 */

import { Property } from '../core/properties';
import { EventData } from '../../data/observable';
import { TabContentItem } from '../tab-navigation-base/tab-content-item';
import { SelectedIndexChangedEventData, TabNavigationBase } from '../tab-navigation-base/tab-navigation-base';
import { TabStrip } from '../tab-navigation-base/tab-strip';

export * from '../tab-navigation-base/tab-content-item';
export * from '../tab-navigation-base/tab-navigation-base';
export * from '../tab-navigation-base/tab-strip';
export * from '../tab-navigation-base/tab-strip-item';

/**
 * Represents a swipeable tabs view.
 */
export class Tabs extends TabNavigationBase {
	/**
	 * Gets or sets the items of the Tabs.
	 */
	items: Array<TabContentItem>;

	/**
	 * Gets or sets the tab strip of the Tabs.
	 */
	tabStrip: TabStrip;

	/**
	 * Gets or sets the selectedIndex of the Tabs.
	 */
	selectedIndex: number;

	/**
	 * Gets or sets the swipe enabled state of the Tabs.
	 */
	swipeEnabled: boolean;

	/**
	 * Gets or sets the number of offscreen preloaded tabs of the Tabs.
	 */
	offscreenTabLimit: number;

	/**
	 * Gets or sets the position state of the Tabs.
	 */
	tabsPosition: 'top' | 'bottom';

	/**
	 * Gets or set the MDCTabBarAlignment of the tab bar icons in iOS. Defaults to "justified"
	 * Valid values are:
	 *  - leading
	 *  - justified
	 *  - center
	 *  - centerSelected
	 */
	iOSTabBarItemsAlignment: IOSTabBarItemsAlignment;

	/**
	 * Gets the native [android widget](http://developer.android.com/reference/android/support/v4/view/ViewPager.html) that represents the user interface for this component. Valid only when running on Android OS.
	 */
	android: any /* android.view.View */; //android.support.v4.view.ViewPager;

	/**
	 * Gets the native iOS [UITabBarController](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UITabBarController_Class/) that represents the user interface for this component. Valid only when running on iOS.
	 */
	ios: any /* UITabBarController */;

	/**
	 * String value used when hooking to the selectedIndexChanged event.
	 */
	public static selectedIndexChangedEvent: string;

	/**
	 * A basic method signature to hook an event listener (shortcut alias to the addEventListener method).
	 * @param eventNames - String corresponding to events (e.g. "propertyChange"). Optionally could be used more events separated by `,` (e.g. "propertyChange", "change").
	 * @param callback - Callback function which will be executed when event is raised.
	 * @param thisArg - An optional parameter which will be used as `this` context for callback execution.
	 */
	on(eventNames: string, callback: (data: EventData) => void, thisArg?: any);

	/**
	 * Raised when the selected index changes.
	 */
	on(event: 'selectedIndexChanged', callback: (args: SelectedIndexChangedEventData) => void, thisArg?: any);
}

export const itemsProperty: Property<Tabs, TabContentItem[]>;
export const tabStripProperty: Property<Tabs, TabStrip>;
export const selectedIndexProperty: Property<Tabs, number>;

/**
 * IOS Alignment of the Tabs TabStrip to use.
 *  - `leading` - tab items are aligned to the left
 *  - `justified` - tab strip is split equally to all the tab items
 *  - `center` - tabs items are aligned in the center
 *  - `centerSelected` - tab items move to make the selected tab in the center
 */
export type IOSTabBarItemsAlignment = 'leading' | 'justified' | 'center' | 'centerSelected';