From 89d7131f7d0043e1a0dd0bc2faa8284900c51427 Mon Sep 17 00:00:00 2001
From: en <enes@nostrdev.com>
Date: Fri, 14 Feb 2025 13:00:59 +0100
Subject: [PATCH] feat(alert): expand alert popup func

---
 src/components/AlertPopup.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/AlertPopup.tsx b/src/components/AlertPopup.tsx
index e9334ee..2216d13 100644
--- a/src/components/AlertPopup.tsx
+++ b/src/components/AlertPopup.tsx
@@ -1,12 +1,16 @@
 import { createPortal } from 'react-dom'
+import { PropsWithChildren } from 'react'
 import { AlertPopupProps } from 'types'
 
 export const AlertPopup = ({
   header,
   label,
   handleConfirm,
-  handleClose
-}: AlertPopupProps) => {
+  handleClose,
+  yesButtonLabel = 'Yes',
+  noButtonLabel = 'No',
+  children
+}: PropsWithChildren<AlertPopupProps>) => {
   return createPortal(
     <div className='popUpMain'>
       <div className='ContainerMain'>
@@ -38,6 +42,7 @@ export const AlertPopup = ({
                   >
                     {label}
                   </label>
+                  {children}
                 </div>
                 <div
                   style={{
@@ -51,14 +56,14 @@ export const AlertPopup = ({
                     type='button'
                     onPointerDown={() => handleConfirm(true)}
                   >
-                    Yes
+                    {yesButtonLabel}
                   </button>
                   <button
                     className='btn btnMain btnMainPopup'
                     type='button'
                     onPointerDown={() => handleConfirm(false)}
                   >
-                    No
+                    {noButtonLabel}
                   </button>
                 </div>
               </div>