import type { RouteRecordRaw } from "vue-router";
import HomeTab from "@/pages/tabs/HomeTab.vue";
import ProductTab from "@/pages/tabs/ProductTab.vue";
import SettingTab from "@/pages/tabs/SettingTab.vue";
import StoreTab from "@/pages/tabs/StoreTab.vue";

const tabRoutes: RouteRecordRaw[] = [
	{
		path: "/customers",
		name: "HomeTab",
		component: HomeTab,
		meta: {
			depth: 2,
			navBarVisible: true,
			navBarCanBack: false,
			navBarTitle: "客户",
			tabBarVisible: true,
			bodyBackground: "#F5F5F8",
			darkBodyBackground: "#10161f"
		}
	},
	{
		path: "/store",
		name: "StoreTab",
		component: StoreTab,
		meta: {
			depth: 2,
			navBarVisible: true,
			navBarCanBack: false,
			navBarTitle: "门店",
			tabBarVisible: true,
			bodyBackground: "#F5F5F8",
			darkBodyBackground: "#10161f"
		}
	},
	{
		path: "/product",
		name: "ProductTab",
		component: ProductTab,
		meta: {
			depth: 2,
			navBarVisible: true,
			navBarCanBack: false,
			navBarTitle: "产品",
			tabBarVisible: true,
			bodyBackground: "#F5F5F8",
			darkBodyBackground: "#10161f"
		}
	},
	{
		path: "/management",
		name: "SettingTab",
		component: SettingTab,
		meta: {
			depth: 2,
			navBarVisible: true,
			navBarCanBack: false,
			navBarTitle: "管理",
			tabBarVisible: true,
			bodyBackground: "#F5F5F8",
			darkBodyBackground: "#10161f"
		}
	}
];

export default tabRoutes;