Advantages

Входные параметры

interface Props {
	items: TAdvantagesItem[];
	classes?: string;
};

type TAdvantagesItem = {
	iconName?: string;
	iconClass?: string;
	iconColor?: string;
	title: string;
	titleClass?: string;
	text?: string;
	textClass?: string;
	classes?: string;
}

Использование

---
import AdvantagesList from '@/blocks/advantages/AdvantagesList.astro';
const advantages = [ 
    {iconName: 'icon-map', iconColor: 'text-accent-500', title: 'Бесплатная доставка', text: 'Автомобиля в официальный сервис*'},
    {iconName: 'safe', iconColor: 'text-accent-500', title: 'Дистанционное согласование', text: 'Дополнительных работ'},
    {iconName: 'chat', iconColor: 'text-accent-500', title: 'Онлайн-подписание', text: 'Документов по итогам проведённого ремонта'}
];
---

<section>
    <div class="container">
        <h2 class="text-xl sm:text-4xl font-medium mb-14 before:hidden text-left mx-0">Преимущества</h2>

        <AdvantagesList items={advantages} classes="grid sm:grid-cols-3 gap-5 lg:gap-10 text-center mb-10 md:mb-20" />

    </div>
</section>