fix: review comments

Author: Elessar1802

src/Assets/Icon/ic-medium-pause.svg

@@ -14,7 +14,7 @@ const ConfirmationModalBody = ({
     Icon,
     variant,
     buttonConfig,
-    customInputConfig,
+    confirmationConfig,
     children,
     handleClose,
     shouldCloseOnEscape = true,
@@ -23,8 +23,8 @@ const ConfirmationModalBody = ({
 
     const [confirmationText, setConfirmationText] = useState<string>('')
 
-    const customInputIdentifier = customInputConfig?.identifier
-    const confirmationKeyword = customInputConfig?.confirmationKeyword
+    const customInputIdentifier = confirmationConfig?.identifier
+    const confirmationKeyword = confirmationConfig?.confirmationKeyword
 
     const { primaryButtonConfig, secondaryButtonConfig } = buttonConfig
 
@@ -76,7 +76,9 @@ const ConfirmationModalBody = ({
                         subtitle
                     )}
 
-                    {customInputConfig && (
+                    {children}
+
+                    {confirmationConfig && (
                         <CustomInput
                             name={customInputIdentifier}
                             value={confirmationText}
@@ -88,8 +90,6 @@ const ConfirmationModalBody = ({
                             autoFocus
                         />
                     )}
-
-                    {children}
                 </div>
                 <div className="p-16 dc__gap-12 flexbox dc__content-end">
                     {secondaryButtonConfig && (

src/Shared/Components/ConfirmationModal/ConfirmationModal.tsx

@@ -1,2 +1,2 @@
 export { default as ConfirmationModal } from './ConfirmationModal'
-export { ConfirmationModalVariantType } from './types'
+export { ConfirmationModalVariantType, type ConfirmationModalProps } from './types'

src/Shared/Components/ConfirmationModal/index.tsx

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode, SyntheticEvent } from 'react'
+import { PropsWithChildren, ReactElement, ReactNode, SyntheticEvent } from 'react'
 import { ButtonProps } from '../Button'
 
 export enum ConfirmationModalVariantType {
@@ -13,7 +13,7 @@ type CommonButtonProps<isConfig extends boolean, isCustomVariant extends boolean
     (isConfig extends false ? { onClick: (...args: Partial<Parameters<ButtonProps['onClick']>>) => void } : {}) &
     (isCustomVariant extends true ? Pick<ButtonProps, 'style'> : {})
 
-interface CustomInputConfig {
+interface ConfirmationConfigType {
     identifier: string
     confirmationKeyword: string
 }
@@ -32,20 +32,6 @@ type ButtonConfig<isConfig extends boolean, isCustomVariant extends boolean> =
           secondaryButtonConfig?: CommonButtonProps<isConfig, isCustomVariant>
       }
 
-type CustomInputConfigOrChildrenType =
-    | {
-          customInputConfig: CustomInputConfig
-          children?: never
-      }
-    | {
-          customInputConfig?: never
-          children: ReactNode
-      }
-    | {
-          customInputConfig?: never
-          children?: never
-      }
-
 type ButtonConfigAndVariantType<isConfig extends boolean> =
     | {
           variant: Exclude<ConfirmationModalVariantType, ConfirmationModalVariantType.custom>
@@ -58,15 +44,16 @@ type ButtonConfigAndVariantType<isConfig extends boolean> =
           buttonConfig: ButtonConfig<isConfig, true>
       }
 
-export type ConfirmationModalProps<isConfig extends boolean = false> = {
+export type ConfirmationModalProps<isConfig extends boolean = false> = PropsWithChildren<{
     title: string
     subtitle: ReactNode
     /**
      * @default true
      */
     shouldCloseOnEscape?: boolean
-} & ButtonConfigAndVariantType<isConfig> &
-    CustomInputConfigOrChildrenType &
+    confirmationConfig?: ConfirmationConfigType
+}> &
+    ButtonConfigAndVariantType<isConfig> &
     (isConfig extends false
         ? {
               handleClose: (e?: SyntheticEvent) => void