import {
  Bookmark,
  Book,
  Briefcase,
  Bell,
  Camera,
  Code,
  Coffee,
  Cpu,
  Film,
  Flame,
  FlaskConical,
  Gamepad2,
  Globe,
  Hash,
  Heart,
  HelpCircle,
  Megaphone,
  MessageCircle,
  Music,
  Newspaper,
  Palette,
  Pencil,
  Rocket,
  Sparkles,
  Star,
  type LucideIcon,
} from "lucide-react";

/** 板块图标库：icon 字段值 → lucide 图标；与后端种子数据保持一致 */
const BOARD_ICON_MAP: Record<string, LucideIcon> = {
  "message-circle": MessageCircle,
  code: Code,
  "help-circle": HelpCircle,
  coffee: Coffee,
  sparkles: Sparkles,
  star: Star,
  heart: Heart,
  bookmark: Bookmark,
  hash: Hash,
  flame: Flame,
  bell: Bell,
  megaphone: Megaphone,
  newspaper: Newspaper,
  book: Book,
  briefcase: Briefcase,
  camera: Camera,
  music: Music,
  film: Film,
  "gamepad-2": Gamepad2,
  rocket: Rocket,
  globe: Globe,
  pencil: Pencil,
  palette: Palette,
  cpu: Cpu,
  "flask-conical": FlaskConical,
};

/** 管理端图标选项：value 即 icon 字段值，label 为中文描述 */
export const BOARD_ICONS: { value: string; label: string }[] = [
  { value: "message-circle", label: "综合" },
  { value: "hash", label: "话题" },
  { value: "code", label: "代码" },
  { value: "help-circle", label: "求助" },
  { value: "coffee", label: "闲聊" },
  { value: "sparkles", label: "闪光" },
  { value: "star", label: "星标" },
  { value: "heart", label: "心形" },
  { value: "bookmark", label: "书签" },
  { value: "flame", label: "热门" },
  { value: "bell", label: "通知" },
  { value: "megaphone", label: "公告" },
  { value: "newspaper", label: "资讯" },
  { value: "book", label: "学习" },
  { value: "briefcase", label: "职场" },
  { value: "camera", label: "摄影" },
  { value: "music", label: "音乐" },
  { value: "film", label: "影视" },
  { value: "gamepad-2", label: "游戏" },
  { value: "rocket", label: "创业" },
  { value: "globe", label: "国际" },
  { value: "pencil", label: "写作" },
  { value: "palette", label: "设计" },
  { value: "cpu", label: "硬件" },
  { value: "flask-conical", label: "科学" },
];

/** 配色总数：av-0 ~ av-(N-1)，与 globals.css 保持一致 */
export const BOARD_COLOR_COUNT = 16;

/**
 * 解析板块配色下标（全站统一规则）：
 * - color_index > 0：固定配色，按 N 取模（存 1..16 渲染 av-0..av-15）
 * - 其余（0 = 旧数据未设置 / -1 = 自动）：按板块 ID 轮换，任何页面位置都一致
 */
export function boardColor(b: { id: number; color_index?: number | null }): number {
  const ci = b.color_index ?? 0;
  if (ci > 0) return ci % BOARD_COLOR_COUNT;
  return b.id % BOARD_COLOR_COUNT;
}

/** 板块图标：icon 匹配 lucide 图标名；未知/缺失时回退为板块名首字 */
export default function BoardIcon({
  icon,
  name,
  size = 15,
}: {
  icon?: string | null;
  name: string;
  size?: number;
}) {
  const I = icon ? BOARD_ICON_MAP[icon] : undefined;
  if (I) return <I size={size} aria-hidden="true" />;
  return (
    <span aria-hidden="true" style={{ fontSize: Math.max(10, size * 0.78), lineHeight: 1 }}>
      {name.slice(0, 1)}
    </span>
  );
}