1import React, { PropsWithChildren } from 'react';
2import { StyleSheet, Text, TextProps, View } from 'react-native';
3
4import HeadingText from './HeadingText';
5
6const DeprecatedHeading = ({ children, style }: PropsWithChildren<TextProps>) => (
7  <View style={styles.container}>
8    <Text style={styles.label}>Deprecated</Text>
9    <HeadingText style={styles.text}>{children}</HeadingText>
10  </View>
11);
12
13const styles = StyleSheet.create({
14  container: {
15    marginTop: 16,
16  },
17  label: {
18    color: '#db5739',
19    fontWeight: 'bold',
20    fontSize: 10,
21  },
22  text: {
23    fontWeight: 'bold',
24    fontSize: 18,
25    color: '#616161',
26    textDecorationLine: 'line-through',
27    textDecorationStyle: 'solid',
28    marginTop: -16,
29  },
30});
31
32export default DeprecatedHeading;
33