// Creating Helpers

import React from 'react'
import ReactDOM from 'react-dom'
import helpers from '../lib/helpers'

const PriceDisplay = () => {
    const price = 123.4556
    const secondPrice = 3452.445
    
    const prices = [price, secondPrice]
    
    return (
        <>
            <div className="price-rounder-container">
                <h2>Last Transaction</h2>
                <div className="price-display">£{helpers.normalisePrice(price)}</div>
            </div>
            <h2>£{helpers.getTotal(prices)}</h2>
        </>
    )
}

export default PriceDisplay

// Mini Challenge
// In the same way that we created this helper, Can you add a helpers that will help us display the // total price of all 3 the previous transactions in the App Component and the total price of the // prices in the Price Display Component?