import { Component, OnInit } from "@angular/core";

declare interface RouteInfo {
  path: string;
  title: string;
  icon: string;
  class: string;
}
export const ROUTES: RouteInfo[] = [
  // {
  //   path: "/dashboard",
  //   title: "Dashboard",
  //   icon: "bi-speedometer",
  //   class: "",
  // },
  {
    path: "/company-information",
    title: "Company Information",
    icon: "bi-person-vcard",
    class: "",
  },
  {
    path: "/notifications",
    title: "Notifications",
    icon: "bi-bell",
    class: "",
  },

  {
    path: "/company-profile",
    title: "Company Profile",
    icon: "bi-person-lines-fill",
    class: "",
  },
  {
    path: "/invoices",
    title: "Invoices",
    icon: "bi-receipt-cutoff",
    class: "",
  },
  {
    path: "/payments",
    title: "Payments",
    icon: "bi-credit-card",
    class: "",
  },
];

@Component({
  selector: "app-sidebar",
  templateUrl: "./sidebar.component.html",
  styleUrls: ["./sidebar.component.css"],
})
export class SidebarComponent implements OnInit {
  menuItems: any[];

  constructor() {}

  ngOnInit() {
    this.menuItems = ROUTES.filter((menuItem) => menuItem);
  }
  isMobileMenu() {
    if (window.innerWidth > 991) {
      return false;
    }
    return true;
  }
}
