import React from 'react';

import { CurrentCapacity } from './CurrentCapacity';
import { DesiredCapacity } from './DesiredCapacity';
import type { ICapacity } from '../../serverGroupWriter.service';

interface ICapacityDetailsSectionProps {
  capacity: ICapacity;
  current: number;
}

export function CapacityDetailsSection(props: ICapacityDetailsSectionProps) {
  const { capacity, current } = props;
  const simpleMode = capacity.min === capacity.max;
  return (
    <dl className="dl-horizontal dl-narrow">
      <DesiredCapacity capacity={capacity} simpleMode={simpleMode} />
      <CurrentCapacity currentCapacity={current} />
    </dl>
  );
}