import React from 'react'
import PropTypes from 'prop-types'
import injectSheet from 'react-jss'

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

const styles = {
  ImageContainer: {
    display: 'flex',
    justifyContent: 'center'
  },
  ImageProperties: {
    borderRadius: '50%'
  }

}

const ProfileImageC = (props) => {
  return (
    <div className={`avatar ${props.classes.ImageContainer}`}>
      <img
        className={props.classes.ImageProperties}
        src={Carlos}
        alt='Profile Image og Mayor'
        width={props.picWidth}
        height={props.picHeight} />
    </div>
  )
}

ProfileImageC.propTypes = {
  picWidth: PropTypes.number,
  picHeight: PropTypes.number,
  classes: PropTypes.object
}

export default injectSheet(styles)(ProfileImageC)
