import React, { Component } from 'react';

import { Table } from 'lib/components';



class PaymentAccountList extends Table {
	
	renderItem(item, index) {
		return (
			<div className="list-row bottom-border" key={ index }>
				<div className="row-content row">
					<div className="left p10">
						<div className="main">{ item.name }</div>
						<div className="secondary">{ item.bankName } | { item.accountNumber } | { item.currency }</div>
					</div>
				</div>

				<div className="row-menu">
					<span className="icon" onClick={ () => typeof this.props.onSelected === "function" && this.props.onSelected(item) }></span>
				</div>
			</div>

		);
	}

}


export default PaymentAccountList;