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