import React from 'react';

import type { IScheduledAction } from '../../../domain';

export interface IScheduledActionProps {
  action: IScheduledAction;
}

export class ScheduledAction extends React.Component<IScheduledActionProps> {
  public render() {
    const { action } = this.props;
    return (
      <dl className="horizontal-when-filters-collapsed" style={{ marginBottom: '20px' }}>
        <dt>Schedule</dt>
        <dd>{action.recurrence}</dd>
        {action.minSize !== undefined && <dt>Min Size</dt>}
        {action.minSize !== undefined && <dd>{action.minSize}</dd>}
        {action.maxSize !== undefined && <dt>Max Size</dt>}
        {action.maxSize !== undefined && <dd>{action.maxSize}</dd>}
        {action.desiredCapacity !== undefined && <dt>Desired Size</dt>}
        {action.desiredCapacity !== undefined && <dd>{action.desiredCapacity}</dd>}
      </dl>
    );
  }
}