<script lang="ts" setup>
import { openModalConfirmation } from '../helpers'

async function open() {
  const result = await openModalConfirmation({
    firstLabel: '送信する',
    title: 'パスワード再設定',
    message: '入力したメールアドレスへ、パスワード再設定用のURLを送ります。',
    // inputに与えるpropsのオブジェクト
    inputProps: { p_Title: 'メールアドレス' },
  })

  if (result.ok) {
    // console.log(`OK 押した`)

    const email = result.value
    // console.log(`email → `, email)
  }

  if (!result.ok) {
    // console.log(`キャンセル押した`)

    const email = result.value
    // console.log(`email → `, email)
  }
}
</script>

<template>
  <button @click="() => open()">open</button>
</template>
