/* eslint-disable react/no-unused-prop-types */
import { CheckCircleFilled } from '@ant-design/icons';
import React from 'react';
import { StatusEnum } from "../../const";
export default (function (props) {
  var status = props.status,
    warn = props.warn,
    text = props.text,
    tip = props.tip;
  var txt = '';
  if ((status === StatusEnum.Loading || status === StatusEnum.Success || status === StatusEnum.Fail) && props[status]) {
    txt = props[status];
  } else {
    txt = text;
  }
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-".concat(status)
  }, txt, status === StatusEnum.Success ? /*#__PURE__*/React.createElement(CheckCircleFilled, {
    color: "#1B945C",
    style: {
      color: '#1B945C',
      fontSize: '24px',
      verticalAlign: 'middle',
      margin: '0 0 0 4px'
    }
  }) : null), status === StatusEnum.Loading && tip ? /*#__PURE__*/React.createElement("div", {
    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip"
  }, tip) : null, status === StatusEnum.Warn && warn ? /*#__PURE__*/React.createElement("div", {
    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-".concat(status)
  }, warn) : null);
});