KAlert.success({
  title: "Success",
  message: "Saved successfully!",
  confirmText: "Done"
});

KAlert.show({
  title: "Information",
  message: "Here is some useful information.",
  type: "info"
});

KAlert.success({
  title: "Success",
  message: "Your action was completed successfully.",
  confirmText: "OK"
});

KAlert.error({
  title: "Oops...",
  message: "Something went wrong. Please try again.",
  confirmText: "Try Again"
});

KAlert.warning({
  title: "Are you sure?",
  message: "This action cannot be undone.",
  confirmText: "Confirm",
  cancelText: "Cancel"
});

KAlert.confirm({
  title: "Delete this file?",
  message: "This action cannot be undone.",
  confirmText: "Delete",
  cancelText: "Cancel"
}).then((result) => {
  if (result) {
    console.log("User confirmed");
  } else {
    console.log("User cancelled");
  }
});

KAlert.prompt({
  title: "Enter your name",
  message: "Please enter at least 3 characters.",
  placeholder: "Type here...",
  validator: (value) => {
    if (value.trim().length < 3) {
      return "Name must be at least 3 characters";
    }
    return null;
  }
}).then((value) => {
  if (value) {
    console.log("Name:", value);
  }
});

KAlert.progress({
  title: "Processing",
  message: "Please wait while we prepare your request."
});

KAlert.progress({
  title: "Processing",
  message: "Please wait..."
});

setTimeout(() => {
  KAlert.success({
    title: "Completed",
    message: "Your request has been completed successfully."
  });
}, 3000);

KAlert.image({
  title: "Image Preview",
  message: "This image is loaded inside KAlert.js.",
  imageUrl: "https://example.com/image.png",
  imageType: "big",
  confirmText: "Close"
});

KAlert.image({
  title: "Profile Image",
  imageUrl: "https://example.com/avatar.png",
  imageType: "circle"
});

KAlert.webView({
  title: "Terms & Privacy Policy",
  message: "Please read before continuing.",
  url: "https://example.com/privacy-policy",
  webViewHeight: 420,
  confirmText: "I Agree",
  cancelText: "Cancel"
}).then((accepted) => {
  if (accepted) {
    console.log("Accepted");
  }
});

KAlert.webView({
  title: "Privacy Policy",
  url: "/privacy-policy.html",
  webViewHeight: 420
});

KAlert.webView({
  title: "Terms & Privacy Policy",
  message: "Please read before continuing.",
  url: "https://example.com/privacy-policy",
  webViewHeight: 420,
  webViewTitle: "Privacy Policy",
  showHorizontalProgress: true,
  showCenterLoader: true,
  sandbox: "allow-same-origin allow-scripts allow-forms allow-popups",
  allow: "clipboard-read; clipboard-write; fullscreen",
  confirmText: "I Agree",
  cancelText: "Cancel",
  onWebViewLoad: (url, iframe) => {
    console.log("Loaded:", url);
  },
  onWebViewError: (url, iframe) => {
    console.log("Failed:", url);
  }
});

KAlert.show({
  title: "Modern Dialog",
  message: "This dialog uses the rounded style preset.",
  type: "info",
  style: "rounded"
});

KAlert.show({
  title: "Custom Appearance",
  message: "This dialog has custom colors and font weights.",
  type: "success",
  width: 420,
  iconColor: "#10b981",
  confirmButtonColor: "#10b981",
  cancelButtonColor: "#e5e7eb",
  titleFontWeight: 900,
  messageFontWeight: 500,
  buttonFontWeight: 900,
  buttonAllCaps: false
});

KAlert.show({
  title: "Dark Mode",
  message: "This dialog uses dark mode styling.",
  type: "info",
  darkMode: true
});

KAlert.show({
  title: "Callbacks",
  message: "This dialog has lifecycle callbacks.",
  type: "info",
  showCancel: true,
  onShow: () => {
    console.log("Dialog shown");
  },
  onDismiss: (value) => {
    console.log("Dialog dismissed", value);
  },
  onConfirm: () => {
    console.log("Confirmed");
  },
  onCancel: () => {
    console.log("Cancelled");
  }
});

KAlert.show()
KAlert.success()
KAlert.error()
KAlert.warning()
KAlert.info()
KAlert.question()
KAlert.confirm()
KAlert.prompt()
KAlert.progress()
KAlert.image()
KAlert.webView()
KAlert.modal()

title: "Dialog title"
message: "Dialog message"
type: "success"
style: "modern"
confirmText: "OK"
cancelText: "Cancel"
showConfirm: true
showCancel: false
showCloseButton: false
closeOnOutside: true
closeOnEsc: true
darkMode: false
width: 380
iconColor: "#22c55e"
confirmButtonColor: "#22c55e"
cancelButtonColor: "#e5e7eb"
titleFontWeight: 800
messageFontWeight: 400
buttonFontWeight: 800
buttonAllCaps: false

url: "https://example.com/privacy-policy"
webViewUrl: "https://example.com/privacy-policy"
webViewHeight: 420
webViewTitle: "Privacy Policy"
showHorizontalProgress: true
showCenterLoader: true
sandbox: "allow-same-origin allow-scripts allow-forms"
allow: "clipboard-read; clipboard-write; fullscreen"
onWebViewLoad: (url, iframe) => {}
onWebViewError: (url, iframe) => {}