import { TickCircle } from "iconsax-reactjs";
import { type FC } from "react";

const values = ["تضمین کیفیت چاپ", "طراحی اختصاصی", "تحویل سریع", "پشتیبانی قبل و بعد از خرید", "ارسال به سراسر ایران"];

const FooterTrustValues: FC = () => {
  return (
    <div className="flex flex-col gap-3">
      <h3 className="text-sm font-bold text-[#0A1B2C]">اعتماد شما، سرمایه ما</h3>
      <ul className="flex flex-col gap-2.5">
        {values.map((value) => (
          <li key={value} className="flex items-center gap-2 text-sm text-[#3A4147]">
            <TickCircle size={18} color="currentColor" variant="Bold" className="shrink-0 text-primary" />
            {value}
          </li>
        ))}
      </ul>
    </div>
  );
};

export default FooterTrustValues;
