text: import React from 'react'
  import PropTypes from 'prop-types'
  import Identicon from '../../../ui/identicon'
  import AccountIcon from '../../../ui/account-icon'
  import classnames from 'classnames'
  import { ellipsify } from '../../../../pages/send/send.utils'
  
  function addressesEqual (address1, address2) {
    return String(address1).toLowerCase() === String(address2).toLowerCase()
  }
  
  export default function RecipientGroup ({ label, items, onSelect, selectedAddress }) {
    if (!items || !items.length) {
      return null
    }
  
    return (
      <div className="send__select-recipient-wrapper__group">
        {label && (
          <div className="send__select-recipient-wrapper__group-label">
            {label}
          </div>
        )}
        {
          items.map(({ address, name }) => (
            <div
              key={address}
              onClick={() => onSelect(address, name)}
              className={classnames({
                'send__select-recipient-wrapper__group-item': !addressesEqual(address, selectedAddress),
                'send__select-recipient-wrapper__group-item--selected': addressesEqual(address, selectedAddress),
              })}
            >
              <AccountIcon name={name} size={28} />
              {/* <Identicon address={address} diameter={28} /> */}
              <div className="send__select-recipient-wrapper__group-item__content" style={{marginLeft: '12px'}}>
                <div className="send__select-recipient-wrapper__group-item__title">
                  {name || ellipsify(address)}
                </div>
                {
                  name && (
                    <div className="send__select-recipient-wrapper__group-item__subtitle">
                      {ellipsify(address)}
                    </div>
                  )
                }
              </div>
            </div>
          ))
        }
      </div>
    )
  }
  
  RecipientGroup.propTypes = {
    label: PropTypes.string,
    items: PropTypes.arrayOf(PropTypes.shape({
      address: PropTypes.string,
      name: PropTypes.string,
    })),
    onSelect: PropTypes.func.isRequired,
    selectedAddress: PropTypes.string,
  }
  