text: import React from "react";
  import classes from "./BuildControls.css";
  import BuildControl from "./BuildControl";
  
  const controls = [
    { label: "Salad", type: "salad" },
    { label: "Bacon", type: "bacon" },
    { label: "Cheese", type: "cheese" },
    { label: "Meat", type: "meat" },
  ];
  
  const buildControls = (props) => (
    <div className={classes.BuildControls}>
      <p>
        Current Price: $<strong>{props.price.toFixed(2)}</strong>
      </p>
      {controls.map((ctrl) => (
        <BuildControl
          key={ctrl.label}
          label={ctrl.label}
          added={() => props.addIngredient(ctrl.type)}
          deleted={() => props.deleteIngredient(ctrl.type)}
          disabled={props.disabled[ctrl.type]}
        />
      ))}
      <button
        className={classes.OrderButton}
        disabled={!props.purchase}
        onClick={props.ordered}
      >
        ORDER NOW
      </button>
    </div>
  );
  
  export default buildControls;
  