import { createElement, lazy } from "react";
import type { PlatformWebModule } from "@govoplan/core-webui";
import "./styles/helpdesk.css";


const HelpdeskProfilesPage = lazy(() => import("./features/helpdesk/HelpdeskProfilesPage"));

export const helpdeskModule: PlatformWebModule = {
  id: "helpdesk",
  label: "Helpdesk",
  version: "0.1.20",
  optionalDependencies: ["tickets"],
  routes: [
    {
      path: "/helpdesk",
      anyOf: ["helpdesk:workspace:admin"],
      order: 82,
      surfaceId: "helpdesk.route.profiles",
      render: (context) => createElement(HelpdeskProfilesPage, context)
    }
  ],
  navItems: [
    {
      to: "/helpdesk",
      label: "Helpdesk profiles",
      iconName: "headset",
      anyOf: ["helpdesk:workspace:admin"],
      order: 82,
      surfaceId: "helpdesk.navigation"
    }
  ],
  viewSurfaces: [
    { id: "helpdesk.navigation", moduleId: "helpdesk", kind: "navigation", label: "Helpdesk navigation", order: 10 },
    { id: "helpdesk.route.profiles", moduleId: "helpdesk", kind: "route", label: "Helpdesk service profiles", order: 20 },
    { id: "helpdesk.action.save-profile", moduleId: "helpdesk", kind: "action", label: "Save Helpdesk service profile", parentId: "helpdesk.route.profiles", order: 30 }
  ]
};

export default helpdeskModule;