MainSummary

import React from "react";
import Option from "../Option/Option";
import Total from "../Total/Total";

export default function MainSummary(props) {
  const { USCurrencyFormat } = props;

  const summary = Object.keys(props.selected).map((feature, idx) => {
    const featureHash = feature + "-" + idx;
    const selectedOption = props.selected[feature];

    return (
      <Option
        featureHash={featureHash}
        selectedOption={selectedOption}
        feature={feature}
        summary={summary}
      />
    );
  });

  return (
    <section>
    <div>
    {summary}
    </div>
    <Total
      selected={props.selected}
      USCurrencyFormat={props.USCurrencyFormat}
    />
    </section>
  );
}