text: import { CollabParticipant } from '../show/CollabParticipant'
  import styles from '../styles.module.scss'
  import classNames from 'classnames'
  
  export const ParticipantList = ({ title, participants }) => {
  
      return (
          <div>
              <div className={styles.flex}>
                  {title && <h3 className={styles.infoLabel}><span>{title}:</span></h3>}
                  <div>
                      {
                          participants.map((collabData, index) =>
                              [
                                  (index > 0 && index < participants.length - 1) && ", ",
                                  (index > 0 && index === participants.length - 1) && ', ',
                                  <CollabParticipant
                                      key={collabData.holder.address}
                                      collabData={collabData.holder}
                                  />
                              ])
                      }
                  </div>
              </div>
          </div>
      )
  }