import { Award, Lock, Medal, ShieldCheck } from "lucide-react";
import React from "react";

import { cn } from "@/lib/utils";

interface Certification {
  icon: React.ReactNode;
  name: string;
}

interface TrustStrip3Props {
  certifications?: Certification[];
  guarantees?: string[];
  className?: string;
}

const DEFAULT_CERTIFICATIONS: Certification[] = [
  { icon: <ShieldCheck className="size-5" />, name: "امن با SSL" },
  { icon: <Lock className="size-5" />, name: "مطابق استاندارد PCI" },
  { icon: <Award className="size-5" />, name: "دارای گواهی اعتماد" },
  { icon: <Medal className="size-5" />, name: "بالاترین امتیاز ۲۲۴" },
];

const DEFAULT_GUARANTEES = [
  "ضمانت بازگشت وجه",
  "محصولات اصیل",
  "تسویه امن",
];

const TrustStrip3 = ({
  certifications = DEFAULT_CERTIFICATIONS,
  guarantees = DEFAULT_GUARANTEES,
  className,
}: TrustStrip3Props) => {
  return (
    <section dir="rtl" lang="fa" className={cn("border-y py-6", className)}>
      <div className="container">
        <div className="flex flex-col items-center gap-6 md:flex-row md:justify-between">
          <div className="flex flex-wrap items-center justify-center gap-4 md:justify-start">
            {certifications.map((cert, index) => (
              <div
                key={index}
                className="flex items-center gap-2 rounded-full bg-muted px-3 py-1.5"
              >
                <span className="text-muted-foreground">{cert.icon}</span>
                <span className="text-sm font-medium">{cert.name}</span>
              </div>
            ))}
          </div>

          <div className="flex flex-wrap items-center justify-center gap-4 text-sm text-muted-foreground md:justify-end">
            {guarantees.map((guarantee, index) => (
              <div key={index} className="flex items-center gap-1.5">
                <div className="size-1.5 shrink-0 rounded-full bg-emerald-500" />
                <span>{guarantee}</span>
              </div>
            ))}
          </div>
        </div>
      </div>
    </section>
  );
};

export { TrustStrip3 };