/* global React, Icon */
const TRUST = [
  { icon: "shield-check", t: "USCIS-Ready", s: "Certified translations" },
  { icon: "check-check", t: "Accurate", s: "& professional" },
  { icon: "lock-keyhole", t: "Confidential", s: "& secure" },
  { icon: "clock", t: "Fast Turnaround", s: "24–48 hours" },
  { icon: "users-round", t: "Trusted", s: "across the U.S." },
];
function TrustBar() {
  return (
    <section className="cl-bg-white" style={{ padding: "0" }}>
      <div className="cl-container" style={{ transform: "translateY(-44px)", marginBottom: "-44px" }}>
        <div className="cl-trustbar">
          {TRUST.map((x) => (
            <div className="cl-trust-item" key={x.t}>
              <span className="ico"><Icon name={x.icon} size={22} /></span>
              <div className="t">{x.t}</div>
              <div className="s">{x.s}</div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.TrustBar = TrustBar;