import React from "react";
import { FaMoneyBill } from "react-icons/fa";
import Image from "../Ui/Image";

const CountSection = () => {
  const data = [
    { icon: <FaMoneyBill />, name: "الطالبات", number: 900 },
    { icon: <FaMoneyBill />, name: "الطالبات", number: 900 },
    { icon: <FaMoneyBill />, name: "الطالبات", number: 900 },
    { icon: <FaMoneyBill />, name: "الطالبات", number: 900 },
    { icon: <FaMoneyBill />, name: "الطالبات", number: 900 },
  ];
  return (
    <div className="CountSection">
      <div className="CountCards">
        {data?.map((item: any, index: any) => {
          return (
            <div key={index} className="CountCard">
              <i>{item?.icon}</i>
              <h4>{item?.name}</h4>
              <h6>{item?.number}</h6>
            </div>
          );
        })}
      </div>
      <Image src="../Home/HomeCounter.png" />
    </div>
  );
};

export default CountSection;
