// import { lazy } from "react"
// import i18n from "@/i18n/config"
// import ComponentPanel from "@/page/App/components/ComponentPanel"
import { SimpleTabsItem } from "./interface"
import ComponentPanel from "@/page/app/components/ComponentPanel"


import ConfigPanel from "@/page/app/components/ConfigPanel"
import PagePanel from "@/page/app/components/PagePanel";

export const ACTION_PANEL_TABS: SimpleTabsItem[] = [
  {
    key: "general",
    title: "GENERAL"
    // i18n.t("editor.action.resource.db.title.general_option"),
  },
  {
    key: "advanced",
    title: "ADVANCED"
    // i18n.t("editor.action.panel.label.advanced.advanced"),
  },
]

export const COMPONENT_MANAGER_TABS: SimpleTabsItem[] = [
  {
    key: "Page",
    title: "Page",
    // i18n.t("editor.page.tab_title"),
    element: <PagePanel />,
  },
  {
    key: "Inspect",
    title:"Inspect",
    //  i18n.t("editor.inspect.tab_title"),
    element: <ConfigPanel />,
  },
  {
    key: "Insert",
    title: 'Insert',
    // i18n.t("editor.widget_picker.tab_title"),
    element: <ComponentPanel />,
  },
]
