import { ref, Ref } from "vue";

export interface TabBarItemBasic {
	isShow: boolean;
	name: string;
	unselectedIcon: string;
	selectedIcon: string;
}

export class TabBarManager<T extends TabBarItemBasic> {
	list: Array<T>;
	currentIndex: Ref<number> = ref(0);
	currentItem: Ref<T> = ref({} as any);

	constructor(list: Array<T>, options?: { currentIndex?: number }) {
		this.list = list || [];

		this.currentIndex.value = options?.currentIndex || 0;
		this.currentItem.value = {} as any;
		if (this.list.length > 0 && this.currentIndex.value < this.list.length) {
			this.currentItem.value = this.list[this.currentIndex.value];
		}
	}

	selected(index: number) {
		this.currentIndex.value = index;
		this.currentItem.value = this.list[this.currentIndex.value];
	}
}