import "./AnimalCard.css"
import React from "react"


export default props => {
    return (
        <li>
            <div className="card-body">
                <div className="animal__header">
                    <h5 className="card-title">
                        <button className="link--card btn btn-link"
                            onClick={() => {
                                props.showTreatmentHistory(props.animal)
                            }}> {props.animal.name} </button>
                    </h5>
                    <span className="card-text small">{props.animal.breed}</span>
                </div>
            </div>
        </li>
    )
}