import React from "react";
import { CorporateUser } from "@/interfaces/user";
import { BsBank, BsPersonFill } from "react-icons/bs";
import IconCard from "./IconCard";
import useAssignmentsCorporates from '@/hooks/useAssignmentCorporates';
interface Props {
  users: CorporateUser[];
}
const MasterStatistical = (props: Props) => {
  const { users } = props;

  const usersList = React.useMemo(() => users.map((x) => x.id), [users]);

  const { assignments } = useAssignmentsCorporates({ corporates: usersList });

  console.log('Assignments', assignments);
  return (
    <div className="flex flex-wrap gap-2 items-center text-center">
      <IconCard
        Icon={BsBank}
        label="Consolidate"
        value={0}
        color="purple"
        onClick={() => console.log("clicked")}
      />
      {users.map((group) => (
        <IconCard
          key={group.id}
          Icon={BsBank}
          label={group.corporateInformation?.companyInformation?.name}
          value={0}
          color="purple"
          onClick={() => console.log("clicked", group)}
        />
      ))}
        <IconCard
					onClick={() => console.log("clicked")}
					Icon={BsPersonFill}
					label="Consolidate Highest Student"
					color="purple"
				/>
    </div>
  );
};

export default MasterStatistical;