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
+};