import { Link } from "react-router-dom";
import { socialsIcons } from "../../utils/data";

export default function Footer() {
  const date = new Date().getFullYear();
  return (
    <div className="w-full h-[5.4375rem] bg-[F7F7F7] flex items-center">
      <div className="containerMode flex justify-between items-center flex-wrap gap-2">
        <p className="text-[.9375rem] tracking-[2%] font-semibold text-[#969696]">
          {date} @ First City Monument Bank Limited
        </p>
        <div className="footer-social-icons flex justify-end items-center gap-2">
          {socialsIcons.map((icon, index) => (
            <Link key={index} className="w-[1.875rem] h-[1.875rem]" to="#">
              <img src={icon.image} alt={icon.name} />
            </Link>
          ))}
        </div>
      </div>
    </div>
  );
}