import type { ReactNode } from 'react'
import {
  SettingOutlined, ApiOutlined, UserSwitchOutlined,
  TeamOutlined, TagsOutlined, ClockCircleOutlined,
  MessageOutlined, BellOutlined,
} from '@ant-design/icons'

export interface TabItem {
  key: string
  label: string
  desc: string
  icon: ReactNode
}

export interface TabGroup {
  groupName: string
  items: TabItem[]
}

export const tabGroups: TabGroup[] = [
  {
    groupName: '企业与渠道',
    items: [
      { key: 'basic', label: '基本设置', desc: '租户展示名称、默认昵称与时区', icon: <SettingOutlined /> },
      { key: 'channels', label: '渠道管理', desc: '配置客户服务接入渠道与嵌入代码', icon: <ApiOutlined /> },
      { key: 'staff', label: '坐席账号', desc: '管理客服/主管账号与坐席配额', icon: <UserSwitchOutlined /> },
    ],
  },
  {
    groupName: '规则与路由',
    items: [
      { key: 'assignment', label: '客服分配规则', desc: '自动分配策略与并发上限', icon: <TeamOutlined /> },
      { key: 'tags', label: '客户标签', desc: '维护标签库，坐席为客户打标时选择', icon: <TagsOutlined /> },
      { key: 'worktime', label: '工作时间', desc: '在线服务时段与非工作时间提示', icon: <ClockCircleOutlined /> },
    ],
  },
  {
    groupName: '自动化与通知',
    items: [
      { key: 'autoreply', label: '自动回复', desc: '多段欢迎语（含图片）与离线留言提示', icon: <MessageOutlined /> },
      { key: 'notify', label: '通知设置', desc: '新会话、留言与日报偏好', icon: <BellOutlined /> },
    ],
  },
]

export const tabItems: TabItem[] = tabGroups.flatMap(g => g.items)