<script setup lang="ts">
defineProps<{
  message: string;
  action: string;
  method?: string;
  class?: string;
}>();

function onSubmit(e: Event) {
  if (!confirm((e.currentTarget as HTMLFormElement).dataset.message!)) {
    e.preventDefault();
  }
}
</script>

<template>
  <form
    :method="method || 'POST'"
    :action="action"
    :class="$props.class"
    :data-message="message"
    @submit="onSubmit"
  >
    <slot />
  </form>
</template>
