export type HomePartner = {
    name: string;
    logoUrl: string;
    website: string | null;
};

export function HomePartners({ partners }: { partners: HomePartner[] }) {
    if (partners.length === 0) {
        return null;
    }

    return (
        <>
                <div className="partners-section-1 pb-100 md-pb-80">
                    <div className="container">
                        <div className="row">
                            <div className="col-12">
                                <div className="swiper partners-slider">
                                    <div className="swiper-wrapper">
                                        {partners.map((partner) => (
                                            <div className="swiper-slide" key={partner.name}>
                                                <div className="partners-item">
                                                    <div className="partners-image text-center">
                                                        <figure>
                                                            {partner.website ? (
                                                                <a href={partner.website} target="_blank" rel="noreferrer">
                                                                    <img src={partner.logoUrl} alt={partner.name} />
                                                                </a>
                                                            ) : (
                                                                <img src={partner.logoUrl} alt={partner.name} />
                                                            )}
                                                        </figure>
                                                    </div>
                                                </div>
                                            </div>
                                        ))}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </>
    );
}