From 268a4f8434ab9d2db2249798c65749618c6f36c8 Mon Sep 17 00:00:00 2001
From: Przemek Dziewa <przemek.dziewa665@gmail.com>
Date: Fri, 14 Jun 2019 10:33:26 +0200
Subject: [PATCH] add innerStyle prop

---
 README.md       | 6 ++++++
 src/Content.js  | 5 +++--
 src/Tooltip.jsx | 4 +++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index de824f3..c877c1c 100644
--- a/README.md
+++ b/README.md
@@ -108,6 +108,12 @@ Online examples: <https://react-component.github.io/tooltip/examples/>
           <td></td>
           <td>additional style of overlay node</td>
         </tr>
+        <tr>
+          <td>innerStyle</td>
+          <td>Object</td>
+          <td></td>
+          <td>additional style of inner node</td>
+        </tr>
         <tr>
           <td>prefixCls</td>
           <td>String</td>
diff --git a/src/Content.js b/src/Content.js
index ac3adb0..62b9346 100644
--- a/src/Content.js
+++ b/src/Content.js
@@ -10,6 +10,7 @@ export default class Content extends React.Component {
     ]).isRequired,
     id: PropTypes.string,
     trigger: PropTypes.any,
+    innerStyle: PropTypes.object,
   }
 
   componentDidUpdate() {
@@ -20,9 +21,9 @@ export default class Content extends React.Component {
   }
 
   render() {
-    const { overlay, prefixCls, id } = this.props;
+    const { overlay, prefixCls, id, innerStyle } = this.props;
     return (
-      <div className={`${prefixCls}-inner`} id={id} role="tooltip">
+      <div className={`${prefixCls}-inner`} id={id} role="tooltip" style={innerStyle || {}}>
         {typeof overlay === 'function' ? overlay() : overlay}
       </div>
     );
diff --git a/src/Tooltip.jsx b/src/Tooltip.jsx
index 4b08865..e652db1 100644
--- a/src/Tooltip.jsx
+++ b/src/Tooltip.jsx
@@ -23,6 +23,7 @@ class Tooltip extends Component {
       PropTypes.func,
     ]).isRequired,
     overlayStyle: PropTypes.object,
+    innerStyle: PropTypes.object,
     overlayClassName: PropTypes.string,
     prefixCls: PropTypes.string,
     mouseEnterDelay: PropTypes.number,
@@ -46,7 +47,7 @@ class Tooltip extends Component {
   };
 
   getPopupElement = () => {
-    const { arrowContent, overlay, prefixCls, id } = this.props;
+    const { arrowContent, overlay, prefixCls, id, innerStyle } = this.props;
     return ([
       <div className={`${prefixCls}-arrow`} key="arrow">
         {arrowContent}
@@ -57,6 +58,7 @@ class Tooltip extends Component {
         prefixCls={prefixCls}
         id={id}
         overlay={overlay}
+        innerStyle={innerStyle}
       />,
     ]);
   }