Qoraiche / laravel-mail-editor

import clsx from 'clsx';

import styles from './SponsorList.module.css';

// import DonationList from '../data/donations'

const SponsorList = [

    {

        title: 'JetBrains',

        image: 'https://user-images.githubusercontent.com/15586492/96636404-2c18dd00-1315-11eb-9520-736dffaaf0a7.png',

        url: 'https://www.jetbrains.com/?from=maileclipse',

        description: (

            <>

                Sponsored JetBrains Licenses to maintainers.

            </>

        ),

    },

];

function Sponsor({ title, Svg, image, url, description}) {

    return (

        <div className={clsx('col col--4')}>

            <div className="text--center">

                <a href={url}>

                    {

                        Svg ? <Svg className={styles.sponsorImage} alt={title} /> : null

                    }

                    {

                        image ? <img src={image} alt={title} className={styles.sponsorImage}/> : null

                    }

                </a>

            </div>

            <div className="text--center padding-horiz--md">

                <h3>{title}</h3>

                <p>{description}</p>

            </div>

        </div>

    );

}

}

export default function SponsorsList() {

    return (

        <section className={styles.sponsors}>

            <h2>Sponsors</h2>

            <div className="container">

                <div className={`row ${styles.sponsorBlock} shadow--sm`}>

                    {SponsorList.map((props, idx) => (

                        <Sponsor key={idx} {...props} />

                    ))}

                </div>

            </div>

            {/* <br />

            <div className="container">

                <div className="row">

                    {DonationList.map((props, idx) => (

                        <Donor key={idx} {...props} />

                    ))}

                </div>

            </div> */}

        </section>

    );

}