import { Button } from "antd";
import React, { useState } from "react";


interface LabsCardProps {
    title: string;
    imgSrc: string;
    onClick?: () => void;
}

const labsCard: React.FC<LabsCardProps> = (props) => {

    return <div className="labs-card" >
        <img src={props.imgSrc} alt="" />
        {props.title !== ""?<div className="labs-card-text">
            <p>{props.title}</p>
            <Button type="primary" onClick={props.onClick}>进入</Button>
        </div>:<div className="labs-card-text"><p>敬请期待</p></div>}
    </div>;
}

export default labsCard;