import React from 'react'
import PropTypes from 'prop-types'
// Import React-JSS
import injectSheet from 'react-jss'

/* IMPORT ASSETS */
import NoMatch from '../../assets/NoMatch.jpg'

/* IMPORT COMPONENTS */

const styles = {
  imageStyle: {
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: '#F4F4F4'
  }
}

const NoMatchV = (props) => {
  return (
    <div className={props.classes.imageStyle}>
      <img
        src={NoMatch}
        alt='Profile Image og Mayor'
        width='768'
        height='512' />
    </div>
  )
}

NoMatchV.propTypes = {
  classes: PropTypes.object
}

export default injectSheet(styles)(NoMatchV)
