import { BookingOptionUnit } from '@qite/tide-client/build/types';
import { isEmpty } from 'lodash';
import React from 'react';
import SummaryPerUnitOptionGroup from './summary-per-unit-option-group';

interface SummaryBookingOptionUnitProps {
  unit: BookingOptionUnit;
}

const SummaryBookingOptionUnit: React.FC<SummaryBookingOptionUnitProps> = ({ unit }) => {
  return (
    <>
      {unit.groups.map((y) => {
        const unitOptions = y.options.filter((y) => y.isSelected);
        if (isEmpty(unitOptions)) return;

        return <SummaryPerUnitOptionGroup group={y} />;
      })}
    </>
  );
};

export default SummaryBookingOptionUnit;