import React from "react";
import LabsCard from "./labsCard";


import AppCenter_game_floppybird from "../../../asstes/img/AppCenter_game_floppy-bird.jpg";
import AppCenter_game_space_lamb from "../../../asstes/img/AppCenter_game_space_lamb.jpg";

interface GameType {
    // 在这里定义Game组件的属性
    handleChildValue: (value: string) => void;
}

const Game: React.FC<GameType> = (props) => {
    const handleCardClick = (name: string) => {
        console.log(`点击了卡片：${name}`);
        ; // 在新标签页中打开链接
    };
    return (
        <div>
            <h2>游戏</h2>
            <div className="labs-card-list">
                <div className="labs-card-list-item">
                    <LabsCard title={"疯狂的小鸟"} imgSrc={AppCenter_game_floppybird} onClick={() => window.open(`https://cocorobo.cn/demo/floppybird/`, "_blank")} />
                </div>
                {/* <div className="labs-card-list-item">
                    <LabsCard title={"太空绵羊"} imgSrc={AppCenter_game_space_lamb} onClick={() => handleCardClick("太空绵羊")} />
                </div> */}
            </div>
        </div>
    )

}
export default Game;