js styles replaced with css modules for performance

src/common/checkbox/checkbox.js

@@ -4,18 +4,19 @@ import styles from './styles';
 
 class Checkbox extends Component {
     shouldComponentUpdate(nextProps, nextState) {
-        return nextProps.checked !== this.props.checked;
+        return nextProps.checked !== this.props.checked ||
+            nextProps.enabled !== this.props.enabled;
     }
 
     onPress = () => {
-        if (typeof this.props.onPress === 'function') {
+        if (this.props.enabled && typeof this.props.onPress === 'function') {
             this.props.onPress();
         }
     }
 
     render() {
         return (
-            <div style={styles.root} onClick={this.onPress} />
+            <div className={styles.root} onClick={this.onPress} />
         );
     }
 }

src/common/checkbox/styles.css

@@ -0,0 +1,5 @@
+.root {
+    width: 30px;
+    height: 30px;
+    background-color: red;
+}

src/common/checkbox/styles.js

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