import { NavGroup } from '@/types';
import {
  BriefcaseIcon,
  ClockCounterClockwiseIcon,
  GearSixIcon,
  HandArrowDownIcon,
  HandArrowUpIcon,
  HeadsetIcon,
  RankingIcon,
  StorefrontIcon,
  UserSwitchIcon,
} from '@phosphor-icons/react';

export const userNavItems: NavGroup[] = [
  {
    id: 'group-dashboard',
    items: [
      {
        id: 'markets',
        title: 'Markets',
        href: '/markets',
        icon: StorefrontIcon,
      },
      {
        id: 'portfolio',
        title: 'My Portfolio',
        href: '/portfolio',
        icon: BriefcaseIcon,
      },
    ],
  },
  {
    id: 'group-transaction',
    items: [
      {
        id: 'deposit',
        title: 'Deposit',
        href: '/deposit',
        icon: HandArrowUpIcon,
      },
      {
        id: 'withdraw',
        title: 'Withdraw',
        href: '/withdraw',
        icon: HandArrowDownIcon,
      },
      {
        id: 'transaction-history',
        title: 'Transaction History',
        href: '/transaction-history',
        icon: ClockCounterClockwiseIcon,
      },
    ],
  },
  {
    id: 'group-social',
    items: [
      {
        id: 'leaderboard',
        title: 'Leaderboard',
        href: '/leaderboard',
        icon: RankingIcon,
      },
      {
        id: 'referrals',
        title: 'Referrals',
        href: '/referrals',
        icon: UserSwitchIcon,
      },
      {
        id: 'support-ticket',
        title: 'Support Ticket',
        href: '/support-ticket',
        icon: HeadsetIcon,
      },
    ],
  },
];

export const userNavFooter: NavGroup[] = [
  {
    id: 'group-footer',
    items: [
      {
        id: 'settings',
        title: 'Settings',
        href: '/settings',
        icon: GearSixIcon,
      },
    ],
  },
];