import React from 'react';
import ReactDOM from 'react-dom';
import Step from '..';
import { Icon } from '../..';

ReactDOM.render(<div>
  <Step current={1}>
    <Step.Item title="Step 1" />
    <Step.Item title={<span style={{ color: 'red' }}>In Progress</span>} content={<span style={{ color: 'red' }}>download image failed</span>} itemRender={
      () => {
        return <div className="next-step-item-node-circle" style={{ background: 'transparent', borderColor: 'red' }}><Icon style={{ color: 'red' }} type="close" /></div>;
      }
    } />
    <Step.Item title="Step 3" />
    <Step.Item title="Step 4" />
  </Step>
</div>, document.getElementById('step-demo-4'));
