1import React from 'react';
2import { StyleSheet, Text, View, StyleProp, TextStyle } from 'react-native';
3
4export default class HeadingText extends React.Component<{ style?: StyleProp<TextStyle> }> {
5  render() {
6    return (
7      <View style={styles.container}>
8        <Text style={[styles.headingText, this.props.style]}>{this.props.children}</Text>
9      </View>
10    );
11  }
12}
13
14const styles = StyleSheet.create({
15  container: {
16    marginTop: 16,
17  },
18  headingText: {
19    fontWeight: 'bold',
20    fontSize: 18,
21  },
22});
23