FlashMessage.jsx 1.3KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. import React, { Component } from 'react'
  2. class FlashMessage extends Component {
  3. render() {
  4. return(
  5. <div className='flashmessage'>
  6. <div className='flashmessage__container card'>
  7. <div className='flashmessage__container__header' />
  8. <div className='card-body nopadding'>
  9. <div className='flashmessage__container__close'>
  10. <i className='fa fa-times' />
  11. </div>
  12. <div className='flashmessage__container__content'>
  13. <div className='flashmessage__container__content__icon'>
  14. <i className='fa fa-times-circle' />
  15. </div>
  16. <div className='flashmessage__container__content__text'>
  17. <div className='flashmessage__container__content__text__title'>
  18. Sorry !
  19. </div>
  20. <div className='flashmessage__container__content__text__paragraph'>
  21. Reprehenderit reprehenderit veniam dolore velit dolor velit in occaecat dolor veniam nisi officia velit consequat amet cupidatat.
  22. Reprehenderit reprehenderit veniam dolore velit dolor velit in occaecat dolor veniam nisi officia velit consequat amet cupidatat.
  23. </div>
  24. </div>
  25. </div>
  26. </div>
  27. </div>
  28. </div>
  29. )
  30. }
  31. }
  32. export default FlashMessage