text: import React, { Component } from 'react';
  
  import PageTitle from '../pageTitle';
  import Purchases from './purchases';
  import PurchaseDetail from './purchaseDetail';
  
  class PurchaseHistory extends Component {
      render() {
          return (
              <div className='purchase-history'>
                  <PageTitle className='purchase-history__page-title' title='Purchase History'/>
                  <div className='purchase-history__content'>
                       <Purchases className='purchase-history__purchases'/>
                       <PurchaseDetail className='purchase-history__detail'/>   
                  </div>
                  <div className='purchase-history__border-bottom'></div>
              </div>
          )
      }
  }
  
  export default PurchaseHistory;