simple checkbox component implemented and exported as a common module

src/common/checkbox/checkbox.js

@@ -0,0 +1,32 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import styles from './styles';
+
+class Checkbox extends Component {
+    shouldComponentUpdate(nextProps, nextState) {
+        return nextProps.checked !== this.props.checked;
+    }
+
+    onPress = () => {
+        if (typeof this.props.onPress === 'function') {
+            this.props.onPress();
+        }
+    }
+
+    render() {
+        return (
+            <div style={styles.root} onClick={this.onPress} />
+        );
+    }
+}
+
+Checkbox.propTypes = {
+    enabled: PropTypes.bool.isRequired,
+    checked: PropTypes.bool.isRequired,
+    onPress: PropTypes.func
+};
+Checkbox.defaultProps = {
+    enabled: true
+};
+
+export default Checkbox;

src/common/checkbox/index.js

@@ -0,0 +1,3 @@
+import Checkbox from './checkbox';
+
+export default Checkbox;

src/common/checkbox/styles.js

@@ -0,0 +1,7 @@
+export default {
+    root: {
+        width: 300,
+        height: 300,
+        backgroundColor: 'red'
+    },
+};

src/common/index.js

@@ -0,0 +1,5 @@
+import Checkbox from './checkbox';
+
+export {
+    Checkbox
+};