<script setup>
import { ref } from 'vue'
import xtxDialog from '../packages/components/xtx-dialog.vue'
import xtxButton from '../packages/components/xtx-button.vue'

const visible = ref(false)
</script>

<template>
  <xtx-dialog v-model:visible="visible" title="测试dialog">
    <template #default>我是主体区</template>
    <template #footer>
      <xtx-button @click="visible = false">取消</xtx-button>
      <xtx-button type="primary" @click="visible = false">确认</xtx-button>
    </template>
  </xtx-dialog>

  <xtx-button @click="visible = true">展示dialog</xtx-button>
</template>

<style scoped lang="less"></style>
