import { Factory, Euro, ShieldCheck, Trophy, Star } from 'lucide-react';

const items = [
  { icon: Factory, text: 'Fabriqué en France' },
  { icon: Euro, text: 'Éligible primes CEE' },
  { icon: ShieldCheck, text: 'Garanti 10 ans' },
  { icon: Trophy, text: 'N°1 performance Europe' },
  { icon: Star, text: '★★★★★ 4.8/5 Google' },
];

const ReassuranceBar = () => (
  <section className="bg-foreground py-3.5 border-b border-white/10">
    <div className="container mx-auto px-4">
      <div className="flex flex-wrap justify-center gap-0">
        {items.map((item, i) => (
          <div key={item.text} className={`flex items-center gap-2 px-4 lg:px-6 py-1 ${i < items.length - 1 ? 'border-r border-white/15' : ''}`}>
            <item.icon className="w-4 h-4 text-primary flex-shrink-0" />
            <span className="text-xs lg:text-sm font-semibold text-white whitespace-nowrap">{item.text}</span>
          </div>
        ))}
      </div>
    </div>
  </section>
);

export default ReassuranceBar;