Add Row and Col components

.gitignore

@@ -1,2 +1,3 @@
 node_modules
-lib
+lib
+.idea

src/components/Col.js

@@ -0,0 +1,35 @@
+import React, { PropTypes } from 'react'
+import EmailPropTypes from '../PropTypes'
+import includeDataProps from '../includeDataProps'
+
+export default function Col(props) {
+  return (
+    <td {...includeDataProps(props)}
+      className={props.className}
+      align={props.align}
+      valign={props.valign}
+      bgcolor={props.bgcolor}
+      colSpan={props.colSpan}
+      style={props.style}>
+      {props.children}
+    </td>
+  )
+}
+
+Col.propTypes = {
+  className: PropTypes.string,
+  bgcolor: PropTypes.string,
+  colSpan: PropTypes.number,
+  align: PropTypes.oneOf(['left', 'center', 'right']),
+  valign: PropTypes.oneOf(['top', 'middle', 'bottom']),
+  style: EmailPropTypes.style,
+  children: PropTypes.node,
+}
+
+Col.defaultProps = {
+  className: null,
+  bgcolor: null,
+  align: 'center',
+  valign: 'top',
+  style: null,
+}

src/components/Row.js

@@ -0,0 +1,33 @@
+import React, { PropTypes } from 'react'
+import EmailPropTypes from '../PropTypes'
+import includeDataProps from '../includeDataProps'
+
+export default function Row(props) {
+  return (
+    <tr {...includeDataProps(props)}
+      className={props.className}
+      align={props.align}
+      valign={props.valign}
+      bgcolor={props.bgcolor}
+      style={props.style}>
+      {props.children}
+    </tr>
+  )
+}
+
+Row.propTypes = {
+  className: PropTypes.string,
+  bgcolor: PropTypes.string,
+  align: PropTypes.oneOf(['left', 'center', 'right']),
+  valign: PropTypes.oneOf(['top', 'middle', 'bottom']),
+  style: EmailPropTypes.style,
+  children: PropTypes.node,
+}
+
+Row.defaultProps = {
+  className: null,
+  bgcolor: null,
+  align: 'center',
+  valign: 'top',
+  style: null,
+}

src/index.js

@@ -3,6 +3,8 @@ import Box from './components/Box'
 import Email from './components/Email'
 import Image from './components/Image'
 import Item from './components/Item'
+import Row from './components/Row'
+import Col from './components/Col'
 import Span from './components/Span'
 import A from './components/A'
 import injectReactEmailAttributes from './injectReactEmailAttributes'
@@ -20,6 +22,8 @@ export {
   Email,
   Image,
   Item,
+  Row,
+  Col,
   Span,
   A,
   injectReactEmailAttributes,