import { ClipboardDocumentCheckIcon, TagIcon } from '@heroicons/react/20/solid'
import type { SVGProps } from 'react'

import { ChartIcon } from '~/components/icons/chart'
import { ChatIcon } from '~/components/icons/chat'
import { DocumentIcon } from '~/components/icons/document'
import { MedicalNotesIcon } from '~/components/icons/medical-notes'

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

export const MENU: TMenu[] = [
  {
    group: 'Menu',
    items: [
      {
        title: 'Dashboard',
        url: '/lg-admin',
        icon: ChartIcon,
      },
      {
        title: 'User',
        url: '/lg-admin/users',
        icon: DocumentIcon,
      },
      {
        title: 'Konten',
        url: '/lg-admin/contents',
        icon: ChatIcon,
      },
      {
        title: 'Advertisement',
        url: '/lg-admin/advertisements',
        icon: MedicalNotesIcon,
      },
      {
        title: 'Subscription',
        url: '/lg-admin/subscriptions',
        icon: ChartIcon,
      },
    ],
  },
  {
    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: TagIcon,
      },
    ],
  },
]