title: How to export variables to separate file? React Native
body: <p>In my project I have main file with global styles but also I use styles in a individual components. Nonetheless I use the same variables to pass font-size, colours to elements. </p>
  
  <p>I'm not an expert in React but I think that will be nice to move variables to separate file to don't repeat the code. How can I do this in a proper way?  </p>
  
  <p>Global styles:</p>
  
  <pre><code>'use strict';
  
    let React = require('react-native');
  
    let {
      StyleSheet,
    } = React;
  
    let INIT_COLOR = "#fff";
    let INIT_FONT_SIZE = 16; 
  
  
    module.exports = StyleSheet.create({
      container: {
          backgroundColor: INIT_COLOR,
          fontSize: INIT_FONT_SIZE
      },
  });  
  </code></pre>
  
  <p>Component styles:</p>
  
  <pre><code>import React from 'react';
  import { View, StyleSheet, Button} from 'react-native';
  
  class ActionButton extends React.Component {
  
   render() {
     let INIT_COLOR = "#fff";
     let INIT_FONT_SIZE = 16;
  
    return (
      &lt;View style={styles.buttonContainer}&gt;
          &lt;Button
            onPress={this.props.onPress}
          /&gt;
      &lt;/View&gt;
     );
   }
  }
  
  const styles = StyleSheet.create({
      buttonContainer: {
        backgroundColor: INIT_COLOR,
        fontSize: INIT_FONT_SIZE
      }
     });
  
  export default ActionButton;
  </code></pre>