// @flow

import React from 'react';
import { toDataUrl } from 'ethereum-blockies';
import { isValidETHAddress } from 'libs/validators';

type Props = {
  address: string
};

export default function Identicon(props: Props) {
  // FIXME breaks on failed checksums
  const style = !isValidETHAddress(props.address)
    ? {}
    : { backgroundImage: `url(${toDataUrl(props.address.toLowerCase())})` };
  return (
    <div
      className="addressIdenticon"
      style={style}
      title="Address Indenticon"
    />
  );
}