import React, { Component } from 'react'

class GenericContent extends Component {
  render () {
    return (
      <div className='genericcontent p-3'>
        <div className='genericcontent__close d-flex justify-content-end'>
          <i className='fa fa-times' />
        </div>
        <div className='genericcontent__contentname d-flex align-items-center mb-4'>
          <div className='genericcontent__contentname__icon mr-3'>
            <i className='fa fa-file-word-o' />
          </div>
          <div className='genericcontent__contentname__title'>
            Fichier Texte
          </div>
        </div>
        <form className='genericcontent__form'>
          <div className='genericcontent__form__input mb-2'>
            <input type='text' placeholder='Titre du document' />
          </div>
          <div className='genericcontent__form__button d-flex justify-content-end p-3'>
            <button className='genericcontent__form__button btn btn-outline-primary' type='submit'>
              Créer et Valider
            </button>
          </div>
        </form>
      </div>
    )
  }
}

export default GenericContent
