From 9aaa3dbdb5359c1c3c82b9d7475f30668d79306a Mon Sep 17 00:00:00 2001
From: Abhishek Anand <plivo@Abhisheks-MacBook-Air.local>
Date: Fri, 9 Jun 2023 15:24:20 +0530
Subject: [PATCH] [CNTO-6410] - add footer props to control footer rendering in
 modal

---
 package.json                  |  2 +-
 src/components/Modal/index.js | 12 +++++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 2b0400d..247887e 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
     "registry": "https://npm.pkg.github.com"
   },
   "repository": "git://github.com/contacto-io/contacto-console",
-  "version": "0.4.88",
+  "version": "0.4.89",
   "main": "build/index.js",
   "module": "build/index.es.js",
   "files": [
diff --git a/src/components/Modal/index.js b/src/components/Modal/index.js
index 42ab8ec..868ba80 100644
--- a/src/components/Modal/index.js
+++ b/src/components/Modal/index.js
@@ -11,7 +11,8 @@ export const FooterBlock = (props) => {
     <Block
       className="contacto-modal-footer-block"
       display="flex"
-      justifyContent={props.footerJustify || 'space-between'}
+      justifyContent={'space-between'}
+      {...props}
     >
       {props.children}
     </Block>
@@ -28,6 +29,7 @@ export const Modal = ({
   okButtonProps,
   cancelButtonProps,
   width,
+  footerProps = {},
   ...props
 }) => {
   return (
@@ -37,10 +39,10 @@ export const Modal = ({
       width={width}
       footer={
         footerButtons?.length ? (
-          <FooterBlock>{footerButtons.map((button) => button)}</FooterBlock>
+          <FooterBlock {...footerProps}>{footerButtons.map((button) => button)}</FooterBlock>
         ) : (
           (okButtonProps || cancelButtonProps) && (
-            <FooterBlock>
+            <FooterBlock {...footerProps}>
               <Button
                 {...cancelButtonProps}
                 label={cancelButtonProps?.label || 'Cancel'}
@@ -67,6 +69,10 @@ Modal.propTypes = {
    * To Remove the footer, pass null values to both okButtonProps and cancelButtonProps
    */
   footerButtons: PropTypes.array,
+  /**
+   * Props for the footer, default to {}
+   */
+  footerProps: PropTypes.object,
   /**
    * Props for the default Okay button
    */