<template>
  <div class="demo-button-ghost">
    <ui-button
      ghost
      type="primary">
      Primary
    </ui-button>
    <ui-button ghost>
      Default
    </ui-button>
    <ui-button
      ghost
      type="danger">
      Danger
    </ui-button>
    <ui-button
      ghost
      type="text">
      Text
    </ui-button>
  </div>
</template>
<script>
import { Button } from "amumu-ui"
export default {
  components: {
    "ui-button": Button,
  },
}
</script>
<style lang="scss">
.demo-button-ghost {
  background: #d0d7d8;
  padding: 10px;
  .mm-button {
    margin-right: 10px;
  }
}
</style>
