text: import React from "react";
  
  import Button from "../../UI/Button/Button";
  
  const orderSummary = props => {
    const ingredientSummary = Object.keys(props.ingredients).map(iKey => {
      return (
        <li key={iKey}>
          <span style={{ textTransform: "capitalize" }}>{iKey}</span>:{" "}
          {props.ingredients[iKey]}
        </li>
      );
    });
  
    return (
      <React.Fragment>
        <h3>Your Order</h3>
        <p>A delicious burger with the following ingredients:</p>
        <ul>{ingredientSummary}</ul>
        <p>
          <strong>Total Price: {props.price.toFixed(2)}</strong>
        </p>
        <p>Continue to Checkout?</p>
        <Button btnType="Danger" clicked={props.purchaseCancelled}>
          CANCEL
        </Button>
        <Button btnType="Success" clicked={props.purchaseContinued}>
          CONTINUE
        </Button>
      </React.Fragment>
    );
  };
  
  export default orderSummary;
  