AccountCard.js

// Copyright 2015-2018 Parity Technologies (UK) Ltd.
// This file is part of Parity.
//
// SPDX-License-Identifier: BSD-3-Clause

import React from 'react';
import PropTypes from 'prop-types';

import Address from './Address';
import Avatar from './Avatar';
import { Card } from '../Card';
import Information from './Information';
import Name from './Name';

export const AccountCard = ({ address, name, shortAddress, ...otherProps }) => (
  <Card {...otherProps}>
    <div className='account'>
      <Avatar address={address} />
      <Information>
        <Name name={name} />
        <Address address={address} short={shortAddress} />
      </Information>
    </div>
  </Card>
);

AccountCard.Address = Address;
AccountCard.Avatar = Avatar;
AccountCard.Information = Information;
AccountCard.Name = Name;

AccountCard.propTypes = {
  address: PropTypes.string,
  name: PropTypes.string,
  shortAddress: PropTypes.bool
};