import type { JSX, SVGProps } from 'react'

import { FacebookIcon } from '~/components/icons/facebook'
import { InstagramIcon } from '~/components/icons/instagram'
import { LinkedinIcon } from '~/components/icons/linkedin'
import { XIcon } from '~/components/icons/x'

type TMenu = {
  title: string
  url: string
  icon?: (
    properties: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>,
  ) => JSX.Element
}

type TFooterMenu = {
  group: string
  items: TMenu[]
}

export const MENU: TMenu[] = [
  {
    title: 'Spotlight',
    url: '/category/spotlight',
  },
  {
    title: 'Berita',
    url: '/category/berita',
  },
  {
    title: 'Kasus',
    url: '/category/kasus',
  },
  {
    title: 'Kajian',
    url: '/category/kajian',
  },
  {
    title: 'Lifestyle',
    url: '/category/lifestyle',
  },
  {
    title: 'Event',
    url: '/category/event',
  },
  {
    title: 'Travel',
    url: '/category/travel',
  },
]

export const FOOTER_MENU: TFooterMenu[] = [
  {
    group: 'About Us',
    items: [
      {
        title: 'Popular',
        url: '/list?sort=popular',
      },
      {
        title: 'Trending',
        url: '/list?sort=trending',
      },
      {
        title: 'Contact',
        url: '/contact',
      },
      {
        title: 'Support/Help',
        url: '/support',
      },
      {
        title: 'Rquest Topic',
        url: '/request-topic',
      },
    ],
  },
  {
    group: 'Column Two',
    items: [
      {
        title: 'FAQs',
        url: '/faq',
      },
      {
        title: 'Terms and Condition',
        url: '/terms-condition',
      },
      {
        title: 'Support',
        url: '/support',
      },
      {
        title: 'Link Nine',
        url: '/',
      },
      {
        title: 'Link Ten',
        url: '/',
      },
    ],
  },
  {
    group: 'Follow Us',
    items: [
      {
        title: 'Facebook',
        icon: FacebookIcon,
        url: 'https://facebook.com',
      },
      {
        title: 'Instagram',
        icon: InstagramIcon,
        url: 'https://instagram.com',
      },
      {
        title: 'X',
        icon: XIcon,
        url: 'https://x.com',
      },
      {
        title: 'Linkedin',
        icon: LinkedinIcon,
        url: 'https://linkedin.com',
      },
    ],
  },
]

export const COPYRIGHT_MENU: TMenu[] = [
  {
    title: 'Privacy Policy',
    url: '/privacy-policy',
  },
  {
    title: 'Terms of Service',
    url: '/terms-of-service',
  },
  {
    title: 'Cookies Settings',
    url: '/cookies-settings',
  },
]
