text: import React from 'react';
  import PropTypes from 'prop-types';
  import TransactionHistoryItem from './TransactionHistoryItem';
  import styles from './TransactionHistory.module.css';
  
  const TransactionHistory = ({ items }) => {
    return (
      <table className={styles.transactionHistory}>
        <thead>
          <tr>
            <th>Type</th>
            <th>Amount</th>
            <th>Currency</th>
          </tr>
        </thead>
  
        <tbody>
          <TransactionHistoryItem items={items} />
        </tbody>
      </table>
    );
  };
  
  export default TransactionHistory;
  
  TransactionHistory.propTypes = {
    items: PropTypes.arrayOf(
      PropTypes.shape({
        id: PropTypes.string.isRequired,
        type: PropTypes.string.isRequired,
        amount: PropTypes.string.isRequired,
        currency: PropTypes.string.isRequired,
      }),
    ),
  };
  