import { BimEngine } from "../../../bim-engine";
import { MenuItemConfig } from "../item";
import { fourMenuButton } from "./four";
import { secondMenuButton } from "./second";

export const homeMenuButton = (engine: BimEngine): MenuItemConfig => {
    return {
        id: "homeMenu",
        label: "menu.home",
        group: 'home',
        children: [secondMenuButton(engine), fourMenuButton(engine)],
        icon: '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M12 7q.425 0 .713-.288T13 6t-.288-.712T12 5t-.712.288T11 6t.288.713T12 7m0 8q.425 0 .713-.288T13 14v-4q0-.425-.288-.712T12 9t-.712.288T11 10v4q0 .425.288.713T12 15m-6 3l-2.3 2.3q-.475.475-1.088.213T2 19.575V4q0-.825.588-1.412T4 2h16q.825 0 1.413.588T22 4v12q0 .825-.587 1.413T20 18z"/></svg>',
        onClick: () => {
            engine.dialog?.showInfoDialog()
            engine.engine?.rightKey?.hide()
        }
    }
}