export interface FocusFunctionType {
    id: string;
    page?: string;
    title: string;
    desc: string;
    icon: string;
    mode?: string; // 用于传递默认模式参数，如 '3x3', '5x5', '7x7'
    img?: string;
}

export const FOCUS_FUNCTION_TYPES: FocusFunctionType[] = [
    // 形状识别
    {
        id: 'shape-recognition',
        page: 'shape',
        title: '识别形状',
        desc: '识别形状，涂一涂',
        icon: '🔍',
        img: '/assets/focusEntrance/shape-recognition.png',
    },
    // 图形符号配对
    {
        id: 'shape-symbol',
        page: 'shapeSymbol',
        title: '图形符号配对',
        desc: '根据图形画对应的符号',
        icon: '🔗',
        img: '/assets/focusEntrance/shape-symbol.png',
    },
    // 方位涂涂乐
    {
        id: 'position-coloring',
        page: 'positionColoring',
        title: '方位涂涂乐',
        desc: '观察卡片位置，在对应的方格中涂上颜色',
        icon: '📍',
        img: '/assets/focusEntrance/position-coloring.png',
    },
    // 颜色找规律
    {
        id: 'color-pattern',
        page: 'colorPattern',
        title: '颜色找规律',
        desc: '观察颜色规律，在空白图形中涂上颜色',
        icon: '🎨',
        img: '/assets/focusEntrance/color-pattern.png',
    },
    // 连连看
    {
        id: 'match-connect',
        page: 'matchConnect',
        title: '连连看',
        desc: '快来根据物品连一连吧!',
        icon: '🔗',
        img: '/assets/focusEntrance/match-connect.png',
    },
    // 线条识别
    {
        id: 'line-recognition',
        page: 'lineRecognition',
        title: '线条识别',
        desc: '认识不同线条，画出颜色对应的线条',
        icon: '📏',
        img: '/assets/focusEntrance/line-recognition.png',
    },
    // 方格推理
    {
        id: 'grid-reasoning',
        page: 'gridReasoning',
        title: '方格推理',
        desc: '仔细观察，推理出合并方格并连线',
        icon: '🧩',
        img: '/assets/focusEntrance/grid-reasoning.png',
    },
    // 译码连线
    {
        id: 'code-connect',
        page: 'codeConnect',
        title: '译码连线',
        desc: '按照数字顺序，将数字对应的颜色连起来',
        icon: '🔢',
        img: '/assets/focusEntrance/code-connect.png',
    },
    // 格子仿画
    {
        id: 'grid-drawing-3x3',
        page: 'gridDrawing',
        title: '格子仿画 3x3',
        desc: '🎯 简单有趣，培养专注力',
        icon: '🎨',
        mode: '3x3',
        img: '/assets/focusEntrance/grid-drawing-3x3.png',
    },
    {
        id: 'grid-drawing-5x5',
        page: 'gridDrawing',
        title: '格子仿画 5x5',
        desc: '✨ 创意挑战，提升观察力',
        icon: '🎨',
        mode: '5x5',
        img: '/assets/focusEntrance/grid-drawing-5x5.png',
    },
    {
        id: 'grid-drawing-7x7',
        page: 'gridDrawing',
        title: '格子仿画 7x7',
        desc: '🌟 大师挑战，锻炼耐心',
        icon: '🎨',
        mode: '7x7',
        img: '/assets/focusEntrance/grid-drawing-7x7.png',
    },
];