import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
import _Steps from "antd/es/steps";
var _excluded = ["style", "steps"];
import * as React from 'react';
import { useState, useEffect } from 'react';
import "./index.less";
var Step = _Steps.Step;
var description = 'This is a description.';
var item = [{
  title: 'Finished',
  description: description,
  icon: 'add'
}, {
  title: 'In Progress',
  description: description,
  subTitle: 'Left 00:00:08'
}, {
  title: 'Waiting',
  description: description
}];
var antSteps = function antSteps(_ref) {
  var style = _ref.style,
    steps = _ref.steps,
    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
  console.log(steps, 'steps');
  var _useState = useState(item),
    items = _useState[0],
    setItems = _useState[1];
  useEffect(function () {
    setItems(steps);
  }, [steps]);
  return (
    /*#__PURE__*/
    //   <Steps {...otherProps} style={style}>
    //       {
    //           items?.map((item,index)=>{
    //             return(
    //               <Step title={item.title} description={item.description}  subTitle={item.subTitle} key={index}/>
    //             )
    //           })
    //       }
    // </Steps>
    React.createElement(_Steps, {
      current: 1,
      items: [{
        title: 'Finished',
        description: description
      }, {
        title: 'In Progress',
        description: description,
        subTitle: 'Left 00:00:08'
      }, {
        title: 'Waiting',
        description: description
      }, {
        title: 'Waiting',
        description: description
      }]
    })
  );
};
antSteps.displayName = 'antSteps';
export default antSteps;