### Styling Guidelines

Please use the `typography` export of `src/styles` to ensure that the proper font, weight, and size are used. For 
example, if you check the project Sketch document and find that `Styles/Body Copy/Regular` is used for an artist name
you might do something like:

    import React from 'react';
    import { Text } from 'react-native';
    import { typography } from '../styles';
    
    const artistName = name => <Text style={ typography.bodyCopyRegular }>{ name }</Text>;
    
You may also want to provide additional styles for padding, positioning, etc. To do this, use an array for the style
attribute:
    
    import React from 'react';
    import { StyleSheet, Text } from 'react-native';
    import { typography } from '../styles';
    
    const styles = StyleSheet.create({
        artistName: {
            padding: 5,
            margin: 10
        }
    });
    
    const artistName = name => 
        <Text style={ [typography.bodyCopyRegular, styles.artistName] }>{ name }</Text>;

The convention is to begin the array with a reference to the `typography` style(s).

(Note that `styles` defined in a component file is used for illustration purposes. 
Please define `styles` in a `styles.js` file as outlined in 
[Component Definition](/docs/contributing/components.md).)