import { RouteRecordRaw } from "vue-router";
import ChatView from "@/views/main/ChatView.vue";
import CreateView from "@/views/main/CreateView.vue";
import ImageGenerateView from "@/views/main/ImageGenerateView.vue";
import OtherView from "@/views/main/OtherView.vue";

import TabBar from "@/layouts/components/aiChat/TabBar.vue";
import LeftAsideBar from "@/layouts/components/aiChat/LeftAsideBar.vue";
import RightAsideBar from "@/layouts/components/aiChat/RightAsideBar.vue";
import DesignLeftAsideBar from "@/layouts/components/aiChat/Design/LeftAsideBar.vue";
import DesignRightAsideBar from "@/layouts/components/aiChat/Design/RightAsideBar.vue";

import ImageLeftAsideBar from "@/layouts/components/imageGenerater/LeftAsideBar.vue";


const mainChild: RouteRecordRaw[] = [
  {
    path: "/",
    name: "home",
    components: {
      default: ChatView,
      tabBar: TabBar,
      leftAsideBar: LeftAsideBar,
      rightAsideBar: RightAsideBar,
    },
    meta: {
      transition: "slide-left",
    },
  },
  // {
  //   path: "/image",
  //   name: "AiImage",
  //   components: {
  //     default: ImageGenerateView,
  //     tabBar: TabBar,
  //     leftAsideBar: ImageLeftAsideBar,
  //     rightAsideBar: RightAsideBar,
  //   },
  //   meta: {
  //     transition: "slide-left",
  //   },
  // },
  // {
  //   path: "/create",
  //   name: "AiCreate",
  //   components: {
  //     default: CreateView,
  //     tabBar: TabBar,
  //     leftAsideBar: DesignLeftAsideBar,
  //     rightAsideBar: DesignRightAsideBar,
  //   },
  //   meta: {
  //     transition: "slide-left",
  //   },
  // },
  // {
  //   path: "/other",
  //   name: "Other",
  //   components: {
  //     default: OtherView,
  //     tabBar: TabBar,
  //     leftAsideBar: LeftAsideBar,
  //     rightAsideBar: RightAsideBar,
  //   },
  //   meta: {
  //     transition: "slide-left",
  //   },
  // },
];

export default mainChild;
