import React from "react";
import {Icon, Steps} from "antd";
import {stepInfoList} from "./data";

const Step = Steps.Step;

export default function StepBar({currentStep, auditStatusCode, currentStatusInfo}) {
  if (currentStep <= 3) {
    return (
      <Steps
        current={currentStep}
        status={currentStatusInfo && currentStatusInfo.stepStatus}
      >
        {stepInfoList.map(({title, icon, status}, index) => {
          if (index === 2 && status && status[auditStatusCode]) {
            return (
              <Step
                key={index}
                title={status[auditStatusCode].title}
                icon={<Icon type={status[auditStatusCode].icon}/>}
              />
            )
          } else {
            return (
              <Step
                key={index}
                title={title}
                icon={<Icon type={icon}/>}
              />
            )
          }
        })}
      </Steps>
    )
  } else {
    return <></>;
  }
}