import { Icon } from '@/components/Icon/Icon';
import { IconName } from '@/components/Icon/icons';
import styles from './TrustStrip.module.scss';

const items: { icon: IconName; title: string; desc: string }[] = [
  { icon: 'truck', title: 'Доставка по РФ', desc: 'Склады в Европе, логистика до вашего города' },
  { icon: 'shield', title: 'Гарантия', desc: 'Оригинальная продукция с сертификатами' },
  { icon: 'clock', title: 'Быстрый отклик', desc: 'КП в течение 24 часов после запроса' },
  { icon: 'star', title: 'Экспертиза', desc: 'Подбор аналогов и техническая поддержка' },
];

export function TrustStrip() {
  return (
    <section className={styles.section}>
      <div className={styles.inner}>
        {items.map((t, i) => (
          <div key={i} className={styles.item}>
            <div className={styles.iconBox}>
              <Icon name={t.icon} size={24} color="var(--color-orange-500)" />
            </div>
            <div>
              <div className={styles.title}>{t.title}</div>
              <div className={styles.desc}>{t.desc}</div>
            </div>
          </div>
        ))}
      </div>
    </section>
  );
}
