From 47f0e98fe4e44fb30673ca68a60deb2957c15ac5 Mon Sep 17 00:00:00 2001
From: Mastermindzh <info@rickvanlieshout.com>
Date: Thu, 18 Jun 2020 18:14:17 +0200
Subject: [PATCH] Removed the React.Fragment and introduced a more general div.
 By moving the declaration in code our html code is a bit nicer as well. Fixes
 #74

---
 build/index.js | 13 ++++++++-----
 src/index.js   | 10 +++++-----
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/build/index.js b/build/index.js
index 80f25ac..36e32cc 100644
--- a/build/index.js
+++ b/build/index.js
@@ -986,17 +986,20 @@ module.exports = /******/ (function (modules) {
                 buttonsToRender.reverse();
               }
 
-              var OverlayWrapper = !overlay
+              var Wrapper = !overlay
                 ? function (props) {
-                    return _react2.default.createElement(_react2.default.Fragment, props);
+                    return _react2.default.createElement("div", props);
                   }
                 : function (props) {
-                    return _react2.default.createElement("div", props);
+                    return _react2.default.createElement(
+                      "div",
+                      _extends({}, props, { style: myOverlayStyle, className: overlayClasses })
+                    );
                   };
 
               return _react2.default.createElement(
-                OverlayWrapper,
-                { style: myOverlayStyle, className: overlayClasses },
+                Wrapper,
+                null,
                 _react2.default.createElement(
                   "div",
                   { className: "" + containerClasses, style: myStyle },
diff --git a/src/index.js b/src/index.js
index c176006..07ce9e2 100644
--- a/src/index.js
+++ b/src/index.js
@@ -320,12 +320,12 @@ class CookieConsent extends Component {
       buttonsToRender.reverse();
     }
 
-    const OverlayWrapper = !overlay
-      ? (props) => <React.Fragment {...props} />
-      : (props) => <div {...props} />;
+    const Wrapper = !overlay
+      ? (props) => <div {...props} />
+      : (props) => <div {...props} style={myOverlayStyle} className={overlayClasses} />;
 
     return (
-      <OverlayWrapper style={myOverlayStyle} className={overlayClasses}>
+      <Wrapper>
         <div className={`${containerClasses}`} style={myStyle}>
           <div style={myContentStyle} className={contentClasses}>
             {this.props.children}
@@ -336,7 +336,7 @@ class CookieConsent extends Component {
             })}
           </div>
         </div>
-      </OverlayWrapper>
+      </Wrapper>
     );
   }
 }