Arquivo do modal

ModalSponsors.js

import React, { Component } from 'react'
import { Wrapper, ContentLogoImagesSponsors, ContentLogoImagesSupports } from './Sponsors.styles'
import { FontIcon } from 'components/lib/icons'
import { colors } from 'config/ui'

class ModalSponsors extends Component {

  
  render() {
  const triggerComponent = React.cloneElement(this.props.component, { onClick: this.openModal });

    const { title,  title_sponsors, title_support, ...props } = this.props

    return (
      <Wrapper>
            <FontIcon
                iconName={'clear'}
                size={'24'}
                color={colors.gray7}
                onClick={props.onClose}
                style={{ cursor: 'pointer' }}
              />
        {title && <h1>{title}</h1>}
        <p>
            Cada clube é constituído por 10 integrantes que devem ler um eBook por mês e 
            participar de encontros semanais. Aqui na Árvore de Livros você terá acesso a 
            mais de 30 mil obras gratuitas. Aproveite!
        </p>
        <p>
        A iniciativa do <strong>Observatório do Livro e da Leitura</strong> 
        está implantando 100 clubes de leitura digital para 
        pessoas acima de 60 anos 
        e beneficiando 1.000 idosos.
        </p>
        <h2>{title_sponsors}</h2>
        <ContentLogoImagesSponsors></ContentLogoImagesSponsors>/>

        <h2>{title_support}</h2>
        <ContentLogoImagesSupports></ContentLogoImagesSupports>
      </Wrapper>,
      document.getElementById('sponsors')
    )
  }
}

export default ModalSponsors