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