<template>
  <div class="demo-steps-icon">
    <ui-steps :current="2">
      <ui-step
        icon="user"
        title="Finished"
        description="'This is a description.'"></ui-step>
      <ui-step
        icon="search"
        title="In Progress"
        description="This is a description."></ui-step>
      <ui-step
        icon="loading"
        title="In Progress"
        description="This is a description."></ui-step>
      <ui-step
        icon="warning"
        title="Waiting"
        description="This is a description."></ui-step>
    </ui-steps>
  </div>
</template>

<script>
import { Steps, Step } from "amumu-ui"
export default {
  components: {
    "ui-steps": Steps,
    "ui-step": Step,
  },
}
</script>
