import {Container} from "@/shared/components/Container/Container";
import {FboFbsItem, FboFbsItemProps} from "@/sections/FboFbsSection/components/FboFbsItem/FboFbsItem";
import fbo from '@/shared/assets/images/FBO.png';
import fbs from '@/shared/assets/images/FBS.png';
import styles from './FboFbsSection.module.css';

const items: FboFbsItemProps[] = [
    {
        imgSrc: fbo,
        headingBulletPoint: "хранение на складе маркетплейса",
        bulletPoints: [
            "бесплатная упаковка и переработка товаров под требования нужного маркетплейса",
            "меньшие сроки доставки",
            "возвраты обрабатывает платформа, а не продавец",
        ]
    },
    {
        imgSrc: fbs,
        headingBulletPoint: "отгрузка со своего склада с доставкой маркетплейса",
        bulletPoints: [
            "мультиканальность продаж",
            "возвраты приходят на склад",
        ]
    },
]


export function FboFbsSection() {
    return (
        <section className={styles.root}>
            <Container className={styles.container}>
                {items.map((item, i) => (
                    <FboFbsItem
                        key={i}
                        imgSrc={item.imgSrc}
                        headingBulletPoint={item.headingBulletPoint}
                        bulletPoints={item.bulletPoints}
                    />
                ))}
            </Container>
        </section>
    );
};