Add ability to pass node in dialog title

Signed-off-by: Ajay Bura <ajbura@gmail.com>

diff --git a/src/app/molecules/dialog/Dialog.jsx b/src/app/molecules/dialog/Dialog.jsx
index 4d67597d725a4d20c9b8beab1ec975b9fbc3bf01..93307dc789ac2aa6f518bc80a36f21b0a9603099 100644 (file)
--- 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,