import React from "react";
import { Component, LensRendererExtension, Navigation } from "@k8slens/extensions";
import { supportPageRoute, supportPageURL } from "./src/support.route";
import { Support } from "./src/support";

export default class SupportPageRendererExtension extends LensRendererExtension {
  globalPages = [
    {
      ...supportPageRoute,
      url: supportPageURL(),
      hideInMenu: true,
      components: {
        Page: Support,
      }
    }
  ]

  statusBarItems = [
    {
      item: (
        <div
          className="flex align-center gaps hover-highlight"
          onClick={() => Navigation.navigate(supportPageURL())}
        >
          <Component.Icon material="help_outline" small/>
          <span>Support</span>
        </div>
      )
    }
  ]
}