import "../stylesheets/PlantCard.css";
import {NavLink} from "react-router-dom";
import {Plant} from "../utils/schemas";

type PlantCardProps = {
    plant: Plant
}

export default function PlantCard({plant}: PlantCardProps) {
  return (
    <>
      <NavLink
          to="/wunschliste"
        className="plantCardLink"
      >
        <li className="plantCard shadow-light">
          <h2>{plant.name}</h2>
          <img src={plant.imageUrl} />
        </li>
      </NavLink>
    </>
  );
}