import type { JSX } 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'

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

type FooterMenu = {
  group: string
  items: Array<{
    title: string
    url: string
    icon?: (
      properties: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>,
    ) => JSX.Element
  }>
}
export const FOOTER_MENU: FooterMenu[] = [
  {
    group: 'About Us',
    items: [
      {
        title: 'Popular',
        url: '/news/list?sort=popular',
      },
      {
        title: 'Trending',
        url: '/news/list?sort=trending',
      },
      {
        title: 'Contact',
        url: '/news/contact',
      },
      {
        title: 'Support/Help',
        url: '/news/support',
      },
      {
        title: 'Rquest Topic',
        url: '/news/request-topic',
      },
    ],
  },
  {
    group: 'Column Two',
    items: [
      {
        title: 'FAQs',
        url: '/news/faq',
      },
      {
        title: 'Terms and Condition',
        url: '/news/terms-condition',
      },
      {
        title: 'Support',
        url: '/news/support',
      },
      {
        title: 'Link Nine',
        url: '/news',
      },
      {
        title: 'Link Ten',
        url: '/news',
      },
    ],
  },
  {
    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 = [
  {
    title: 'Privacy Policy',
    url: '/news/privacy-policy',
  },
  {
    title: 'Terms of Service',
    url: '/news/terms-of-service',
  },
  {
    title: 'Cookies Settings',
    url: '/news/cookies-settings',
  },
]