text: import React from 'react'
  //import {withRouter} from 'react-router-dom'
  import './Burger.css'
  import BurgerIngredient from './BurgerIngridient/BurgerIngridient'
  const burger = ( props) => {
      console.log('felix...',props)
      let transformedIngredients = Object.keys(props.ingredients)
      .map(igKey => {
      
          return [...Array(props.ingredients[igKey])].map((_, i) => {
              return <BurgerIngredient key = {igKey + i} type={igKey} />
          })
      }) 
      .reduce((arr, el) => {
          return arr.concat(el)
      },[])
      if (transformedIngredients.length === 0) {
          transformedIngredients = <p className="p">Please start adding ingredients</p>
      }
      return (
          <div className= "Burger" >
              <BurgerIngredient type ="bread-top" />
              {transformedIngredients}
              <BurgerIngredient type ="bread-bottom" />
          </div>
      );
  }
  // export default withRouter(burger)
  export default burger