import { Coins, DollarSign, Palette, Receipt, Settings, TrendingUp, Users } from 'lucide-vue-next'

import type { NavGroup } from '@/components/app-sidebar/types'

export function useSidebar() {
  const settingsNavItems = [
    { title: '外观设置', url: '/settings/appearance', icon: Palette },
  ]

  const navData = ref<NavGroup[]>([
    {
      title: 'Monisuo 管理',
      items: [
        { title: '数据看板', url: '/monisuo/dashboard', icon: DollarSign },
        { title: '用户管理', url: '/monisuo/users', icon: Users },
        { title: '币种管理', url: '/monisuo/coins', icon: Coins },
        { title: '订单审批', url: '/monisuo/orders', icon: Receipt },
        { title: '业务分析', url: '/monisuo/analytics', icon: TrendingUp },
      ],
    },
    {
      title: 'Other',
      items: [
        { title: 'Settings', icon: Settings, items: settingsNavItems },
      ],
    },
  ])

  const otherPages = ref<NavGroup[]>([])

  return {
    navData,
    otherPages,
    settingsNavItems,
  }
}
