Alert Dialog

const [open, setOpen] = useState(false)

// Default Dialog
<AlertDialog
  open={open}
  onOpenChange={setOpen}
  title="Are you absolutely sure?"
  description="This action cannot be undone."
  variant="default"
  confirmText="Continue"
  cancelText="Cancel"
  onConfirm={() => console.log('Confirmed')}
  onCancel={() => console.log('Cancelled')}
/>

// Danger Dialog
<AlertDialog
  open={open}
  onOpenChange={setOpen}
  title="Delete Account"
  description="This will permanently delete your account."
  variant="danger"
  confirmText="Delete"
  onConfirm={() => console.log('Deleted')}
/>

// With Loading State
<AlertDialog
  open={open}
  onOpenChange={setOpen}
  title="Processing..."
  description="Please wait while we process your request."
  variant="info"
  loading={true}
  onConfirm={() => console.log('Processing')}
/>