Emoji.js

import React, { memo }  from 'react'
import PropTypes from 'prop-types'

import Happy from '../../assets/img/happy.png'

const Emoji = ({ type }) => {
  const icons = new Map([
    ['happy', { src: Image, width: 300, height: 300, className: '' }],
    ['sad', { src: '', width: 0, height: 300, className: '']
  ])
             
         
             
  return (
    <img src={icons.get(type).src} alt='emoji' width={icons.get(type).width} />
  )
}

Emoji.defaultProps = {
  width: 300,
  height: 100
}

Emoji.propTypes = {
  type: PropTypes.oneOf(['happy', 'sad']).isRequired
}

     
export default memo(Emoji)