Alert Dialog

<script setup lang="ts">
import { showAlertDialog } from '@/components/ui/dsn-alert-dialog'
import { Button } from '@/components/ui/button'

const handleAlertClick = () => {
  showAlertDialog('Your action has been completed successfully.', 'Action Completed')
}
</script>

<template>
  <Button @click="handleAlertClick">Show Alert</Button>
</template>

<script setup lang="ts">
import { showAlertDialog } from '@/components/ui/dsn-alert-dialog'
import { Button } from '@/components/ui/button'

const handleAlertClick = () => {
  showAlertDialog('Your action has been completed')
}
</script>

<template>
  <Button @click="handleAlertClick">Show Alert</Button>
</template>

<script setup lang="ts">
import { showConfirmDialog } from '@/components/ui/dsn-alert-dialog'
import { Button } from '@/components/ui/button'

const handleConfirmClick = async () => {
  const confirmed = await showConfirmDialog(
    'Are you sure you want to permanently delete this item? This action cannot be undone.', 
    'Delete Item'
  )
  
  if (confirmed) {
    console.log('User confirmed deletion.')
    // Proceed with deletion...
  }
}
</script>

<template>
  <Button variant="destructive" @click="handleConfirmClick">Show Confirm Dialog</Button>
</template>