<template>
  <div>
    <base-button @click="visible = true">创建机器人</base-button>
    <modal
      :show.sync="visible"
      body-classes="p-0"
      modal-classes="modal-dialog-centered modal-sm"
    >
      <card
        type="secondary"
        header-classes="bg-white pb-5"
        body-classes="px-lg-5 py-lg-5"
        class="border-0 mb-0"
      >
        <template>
          <div class="text-muted text-center mb-3">
            <small>新建机器人</small>
          </div>
        </template>
      </card>
    </modal>
  </div>
</template>

<script>
import { Modal } from "@/components";

export default {
  
  components: { Modal },
  data() {
    return { visible: false };
  }
};
</script>
