function Stat({ stat, val, good }) {
    return (
        <div className="bg-blue-100 flex flex-col gap-1 p-8 br-8" style={{ minHeight: "20%", minWidth: "20%" }}>
            <span className="text-size-lg">
                {stat}
            </span>
            <span className="text-size-md flex gap-2">
                {val}&nbsp;{stat}
                {good && (val == good ? (<span className="text-size-lg">😐</span>) : (val < good ? (<span className="text-size-lg">🙁</span>) : (<span className="text-size-lg">😀</span>)))}
            </span>
        </div>
    )
}

export default Stat;