updated close button text yo changeable

src/donate.ts

@@ -3,6 +3,7 @@ type Options = {
   message: string;
   title: string;
   highLight: string;
+  close: string;
   position: string;
   links: Array<{ url: string; text: string; style: string }>;
 };
@@ -22,7 +23,7 @@ class Donate {
     <div class="popup">
       <div class="popup__content ${this.options.position}">
         <a id="popup__close" href="#" class="popup__close">
-          <span class='close'>Kapat</span>
+          <span class='close'>${this.options.close?.length ? this.options.close : '<img src="./assets/img/close-circle.png" alt="close" />'}</span>
         </a>
         ${
           this.options.theme !== "dark"

src/index.html

@@ -63,7 +63,10 @@ <h1>Donate.JS Demo</h1>
       </textarea
         >
       </div>
-
+      <div class="select">
+        <label for="close">Close Text</label>
+        <input value="Kapat" id="close" type="text" />
+      </div>
       <button id="show">Show Modal</button>
     </div>
 
@@ -74,13 +77,15 @@ <h1>Donate.JS Demo</h1>
       const title = document.getElementById("title");
       const highlight = document.getElementById("highlight");
       const message = document.getElementById("message");
+      const close = document.getElementById("close");
 
       show.addEventListener("click", () => {
         const donate = new Donate({
           theme: dark.checked ? "dark" : "light",
           position: position.value,
           title: title.value,
           highLight: highlight.value,
+          close: close.value,
           links: [
             {
               text: "Trendyol Bağış Linki",

src/styles/style.css

@@ -128,6 +128,11 @@
   color: #cf626e;
 }
 
+.popup__close img {
+  height: 24px;
+  width: 24px;
+}
+
 .button {
   border: 1px solid #000;
   background: var(--primary-color);