import { Locale } from 'next-intl';

export const mainMenuItems: MainMenuElement[] = [
  {
    label: 'alkotások',
    labelKey: 'creations',
    to: '/alkotasok',
    bgColor: 'bg-neutral-200',
    hoverColor: 'hover:bg-mma-yellow',
    textColor: 'text-mma-blue',
    hasCategoryDropdown: true,
  },
  {
    label: 'alkotók',
    labelKey: 'creators',
    to: '/alkotok',
    bgColor: 'bg-neutral-200',
    hoverColor: 'hover:bg-mma-yellow',
    textColor: 'text-mma-blue',
    hasCategoryDropdown: true,
    hasAllCategoryOption: true,
  },
  {
    label: 'videók',
    labelKey: 'videos',
    to: '/videok',
    bgColor: 'bg-neutral-200',
    hoverColor: 'hover:bg-mma-yellow',
    textColor: 'text-mma-blue',
    hasCategoryDropdown: true,
    hasAllCategoryOption: true,
    visibleLocales: ['hu'],
  },
  {
    label: 'Programok',
    labelKey: 'programs',
    to: '/programok',
    bgColor: 'bg-gradient-to-r from-purple-700 to-pink-700',
    hoverColor:
      'hover:from-purple-500 hover:to-pink-500 hover:shadow-lg hover:shadow-purple-500/50',
    textColor: 'text-mma-blue',
    hasCategoryDropdown: false,
    hasProgramsDropdown: true,
  },
];

export type MainMenuElementBasePath = '/alkotasok' | '/alkotok' | '/videok' | '/programok';

export interface MainMenuElement {
  label: string;
  labelKey: string; // Translation key for navigation.menu namespace
  to: MainMenuElementBasePath;
  bgColor: string;
  hoverColor: string;
  textColor: string;
  hasCategoryDropdown: boolean;
  hasAllCategoryOption?: boolean;
  hasProgramsDropdown?: boolean;
  visibleLocales?: Locale[];
}