import Icon from "@ant-design/icons";
import { MdRemoveCircleOutline } from "react-icons/md";

export default function AllocationsLabelComponent({ allocation, handleClick }) {
  return (
    <div style={{ display: "flex", alignItems: "center" }}>
      <span>
        {`${allocation.employee.first_name || ""} ${allocation.employee.last_name || ""} (${allocation.hours || ""})`}
      </span>
      <Icon style={{ color: "red", padding: "0px 4px" }} component={MdRemoveCircleOutline} onClick={handleClick} />
    </div>
  );
}
