<template>
  <div class="demo-result-basic">
    <ui-result
      status="error"
      title="Submission Failed"
      subtitle="Please check and modify the following information before resubmitting.">
      <div class="desc">
        <b style="font-size: 16px">The content you submitted has the following error:</b>
        <p>
          <ui-icon name="close"></ui-icon>
          Your account has been frozen
          <a>Thaw immediately &gt;</a>
        </p>
        <p>
          <ui-icon name="close"></ui-icon>
          Your account is not yet
          eligible to apply <a>Apply Unlock &gt;</a>
        </p>
      </div>
      <template slot="extra">
        <ui-button
          key="console"
          type="primary">
          Go Console
        </ui-button>
        <ui-button key="buy">
          Buy Again
        </ui-button>
      </template>
    </ui-result>
  </div>
</template>

<script>
import { Result, Button, Icon } from "amumu-ui"
export default {
  components: {
    "ui-result": Result,
    "ui-button": Button,
    "ui-icon": Icon,
  },
}
</script>

<style lang="scss">
.demo-result-basic {
}
</style>
