import * as React from 'react';
import { Badge } from '@tnsu/ui-kit';
import { IWeatherPosition } from './weatherTypes';
import { EmptyValue } from './EmptyValue';
import { WEATHER_TEXTS } from './texts';
import styles from './WeatherPage.module.scss';

const TEXTS = WEATHER_TEXTS.positions;

interface Props {
  position: IWeatherPosition;
}

/** «Акт простоя»: рекомендован (с причиной) / не требуется / нет оценки. */
export const DowntimeActCell: React.FC<Props> = ({ position }) => {
  if (position.downtime_act_recommended === false) {
    return <Badge variant="success">{TEXTS.downtimeNotRequired}</Badge>;
  }
  if (position.downtime_act_recommended !== true) return <EmptyValue />;
  return (
    <>
      <Badge variant="danger">{TEXTS.downtimeRecommended}</Badge>
      {position.downtime_act_reason && <div className={styles.reason}>{position.downtime_act_reason}</div>}
    </>
  );
};