From 4b6557e289a2dd62a223df463013ad1c39facdbd Mon Sep 17 00:00:00 2001
From: Sergey Aldoukhov <saldoukhov@gmail.com>
Date: Tue, 29 Sep 2020 15:48:56 -0700
Subject: [PATCH] add class name to content table

---
 package.json             | 2 +-
 src/components/Box.jsx   | 4 +++-
 src/components/Email.jsx | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index abf5c03..0133033 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-html-email",
   "description": "Create elegant HTML email templates using React.",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "keywords": [
     "react",
     "html",
diff --git a/src/components/Box.jsx b/src/components/Box.jsx
index ba8a31a..86382f1 100644
--- a/src/components/Box.jsx
+++ b/src/components/Box.jsx
@@ -4,7 +4,7 @@ import EmailPropTypes from '../PropTypes'
 
 export default function Box({ children, ...props }) {
   return (
-    <table {...props}>
+    <table {...props} className={props.className}>
       <tbody>
         {children}
       </tbody>
@@ -13,6 +13,7 @@ export default function Box({ children, ...props }) {
 }
 
 Box.propTypes = {
+  className: PropTypes.string,
   cellPadding: PropTypes.number,
   cellSpacing: PropTypes.number,
   border: PropTypes.string,
@@ -26,6 +27,7 @@ Box.propTypes = {
 }
 
 Box.defaultProps = {
+  className: undefined,
   cellPadding: 0,
   cellSpacing: 0,
   border: '0',
diff --git a/src/components/Email.jsx b/src/components/Email.jsx
index dc09fcd..e26afbf 100644
--- a/src/components/Email.jsx
+++ b/src/components/Email.jsx
@@ -28,7 +28,7 @@ export default function Email(props) {
       >
         <Box width="100%" height="100%" bgcolor={props.bgcolor}>
           <Item align={props.align} valign={props.valign}>
-            <Box width={props.width} align="center" cellPadding={props.cellPadding} cellSpacing={props.cellSpacing} style={props.style}>
+            <Box className="content" width={props.width} align="center" cellPadding={props.cellPadding} cellSpacing={props.cellSpacing} style={props.style}>
               {props.children}
             </Box>
           </Item>