# Steps

import Steps, { IStepsProps } from '../index'
const { Step } = Steps
const step1Props = {
  type: 'row',
  status: true,
  title: '第一步',
  isFirst: true
}
const step2Props = {
  type: 'row',
  status: true,
  title: '第二步',
}
const step3Props = {
  type: 'row',
  status: true,
  title: '第三步',
}
const step4Props = {
  type: 'row',
  status: false,
  title: '第四步',
  isLast: true
}
class StepsDemo extends React.Component {
  state = {}
  render() {
    return (
      <div style={{ padding: 20 }}>
        <Steps type='row'>
          <Step {...step1Props} />
          <Step {...step2Props} />
          <Step {...step3Props} />
          <Step {...step4Props} />
        </Steps>
      </div>
    )
  }
}