import Icon from "@ant-design/icons";
import React from "react";
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>
  );
}