<script setup lang="ts">
const showModal = defineModel('showModal', { required: true })
const verifyCode = defineModel('verifyCode', { required: true })
const { verify } = defineProps<{
  verify: () => void
}>()
</script>

<template>
  <n-modal v-model:show="showModal" preset="card" style="width: 600px" title="输入验证码">
    <n-form inline>
      <n-form-item label="验证码">
        <n-input-otp size="large" v-model:value="verifyCode" />
      </n-form-item>
      <n-form-item>
        <n-button size="large" type="primary" secondary @click="verify()">验证</n-button>
      </n-form-item>
    </n-form>
  </n-modal>
</template>

<style scoped></style>
