React Native Design Systems: Component Styles

rn-design-systems-component-styles.js

import Constants from '../../global/constants';
import Colors from '../../global/styles/colors';
import Typography from '../../global/styles/typography';
import { StyleSheet } from 'react-native';

export default StyleSheet.create({
	titleContainer: {
		backgroundColor: Colors.green,
		padding: Constants.GAP
	},

	title: Object.assign({}, Typography.heading3, {
		color: Colors.black
	}),

	contentContainer: {
		padding: Constants.GAP
	},

	content: Object.assign({}, Typography.bodyText)
});