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