1import React from 'react';
2import { StyleSheet, Text, View, StyleProp, ViewStyle } from 'react-native';
3
4const MonoText: React.FunctionComponent<{
5  containerStyle?: StyleProp<ViewStyle>;
6  textStyle?: StyleProp<ViewStyle>;
7}> = ({ children, containerStyle, textStyle }) => (
8  <View style={[styles.container, containerStyle]}>
9    <Text style={[styles.monoText, textStyle]}>{children}</Text>
10  </View>
11);
12
13export default MonoText;
14
15const styles = StyleSheet.create({
16  container: {
17    backgroundColor: '#ffffff',
18    padding: 6,
19    marginVertical: 8,
20    borderWidth: 1,
21    borderColor: '#666666',
22  },
23  monoText: {
24    fontFamily: 'space-mono',
25    fontSize: 10,
26  },
27});
28