React Native Design Systems: SimpleComponentWithoutLiterals

rn-design-systems-simple-component-without-literals.js

let Style = StyleSheet.create({
	container: { borderRadius: 5 },
	heading: { backgroundColor: 'beige', padding: 5 },
	headingText: { color: 'black', fontSize: 16, fontWeight: 'bold' },
	body: { padding: 5 },
	bodyText: { color: 'black', fontSize: 12 }
})

class SimpleComponentWithoutLiterals extends Component {
	render() {
		return (
			<View style={ Styles.container }>
				<View style={ Styles.heading }>
					<Text style={ Styles.headingText }>{ this.props.title }</Text>
				</View>
				<View style={ Styles.body }>
					<Text style={ Styles.bodyText }>{ this.props.bodyText }</Text>
				</View>
			</View>
		);
	}
}