import {
  BriefcaseIcon,
  ChartBarSquareIcon,
  ClipboardDocumentCheckIcon,
  DocumentCurrencyDollarIcon,
  MegaphoneIcon,
  NewspaperIcon,
  PresentationChartLineIcon,
  TagIcon,
  UsersIcon,
} from '@heroicons/react/24/solid'
import type { ComponentType, SVGProps } from 'react'

type TMenu = {
  group: string
  items: {
    title: string
    url: string
    icon: ComponentType<SVGProps<SVGSVGElement>>
  }[]
}

export const MENU: TMenu[] = [
  {
    group: 'Menu',
    items: [
      {
        title: 'Dashboard',
        url: '/lg-admin',
        icon: ChartBarSquareIcon,
      },
      {
        title: 'User',
        url: '/lg-admin/users',
        icon: UsersIcon,
      },
      {
        title: 'Artikel',
        url: '/lg-admin/contents',
        icon: NewspaperIcon,
      },
      {
        title: 'Banner Iklan',
        url: '/lg-admin/advertisements',
        icon: MegaphoneIcon,
      },
      {
        title: 'Subscription',
        url: '/lg-admin/subscriptions',
        icon: PresentationChartLineIcon,
      },
    ],
  },
  {
    group: 'Others',
    items: [
      {
        title: 'Kategori',
        url: '/lg-admin/categories',
        icon: ClipboardDocumentCheckIcon,
      },
      {
        title: 'Tag',
        url: '/lg-admin/tags',
        icon: TagIcon,
      },
      {
        title: 'Subscribe Plan',
        url: '/lg-admin/subscribe-plan',
        icon: DocumentCurrencyDollarIcon,
      },
      {
        title: 'Staff',
        url: '/lg-admin/staffs',
        icon: BriefcaseIcon,
      },
    ],
  },
]

export const SUB_MENU = [
  {
    title: 'Buat Artikel',
    path: '/lg-admin/contents/create',
  },
  {
    title: 'Update Artikel',
    path: '/lg-admin/contents/update',
  },
  {
    title: 'Buat Kategori',
    path: '/lg-admin/categories/create',
  },
  {
    title: 'Update Kategori',
    path: '/lg-admin/categories/update',
  },
  {
    title: 'Buat Tag',
    path: '/lg-admin/tags/create',
  },
  {
    title: 'Update Tag',
    path: '/lg-admin/tags/update',
  },
]