import React from 'react'
import makeBlockie from 'ethereum-blockies-base64'

const isValidAddress = (address) =>
  /^0x[0-9a-fA-F]{40}$/.test(address)

const Blockie = props =>
    isValidAddress(props.address)
  ? <img className={`s-10 ${props.className}`} alt={ props.address } src={ makeBlockie(props.address) } />
  : <div className={`s-10 ${props.className}`} />

export default Blockie