import { type FC } from "react";

const badges = ["اینماد", "ساماندهی", "اتحادیه"];

const FooterTrustBadges: FC = () => {
  return (
    <div className="flex flex-col items-center gap-4">
      <h3 className="text-sm font-bold text-[#0A1B2C]">نماد های اعتماد</h3>
      <div className="flex items-center gap-3 sm:gap-4 flex-wrap justify-center">
        {badges.map((badge) => (
          <div key={badge} className="flex size-14 sm:size-16 items-center justify-center rounded-full border border-[#E9EEF2] bg-white text-center text-[10px] font-bold text-[#6C7680]">
            {badge}
          </div>
        ))}
      </div>
    </div>
  );
};

export default FooterTrustBadges;
