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="purchases-history__purchases" />
            <PurchaseDetail className="purchase-history__detail" />
          </div>
  
          <div className="purchase-history__border-bottom"></div>
        </div>
      );
    }
  }
  
  export default PurchaseHistory;
  