From 44544f32898956ebdb9076320b8738100db40f11 Mon Sep 17 00:00:00 2001
From: Ajay Bura <ajbura@gmail.com>
Date: Sun, 20 Feb 2022 20:13:59 +0530
Subject: [PATCH] Add ability to pass node in dialog title

Signed-off-by: Ajay Bura <ajbura@gmail.com>
---
 src/app/molecules/dialog/Dialog.jsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/app/molecules/dialog/Dialog.jsx b/src/app/molecules/dialog/Dialog.jsx
index 4d67597..93307dc 100644
--- a/src/app/molecules/dialog/Dialog.jsx
+++ b/src/app/molecules/dialog/Dialog.jsx
@@ -27,7 +27,11 @@ function Dialog({
         <div className="dialog__content">
           <Header>
             <TitleWrapper>
-              <Text variant="h2" weight="medium" primary>{twemojify(title)}</Text>
+              {
+                typeof title === 'string'
+                  ? <Text variant="h2" weight="medium" primary>{twemojify(title)}</Text>
+                  : title
+              }
             </TitleWrapper>
             {contentOptions}
           </Header>
@@ -56,7 +60,7 @@ Dialog.defaultProps = {
 Dialog.propTypes = {
   className: PropTypes.string,
   isOpen: PropTypes.bool.isRequired,
-  title: PropTypes.string.isRequired,
+  title: PropTypes.node.isRequired,
   contentOptions: PropTypes.node,
   onAfterOpen: PropTypes.func,
   onAfterClose: PropTypes.func,