1import React from 'react';
2import { StyleSheet, Text } from 'react-native';
3
4import type { Message as MessageType } from '../Data/parseLogBoxLog';
5import { LogBoxMessage } from '../UI/LogBoxMessage';
6import * as LogBoxStyle from '../UI/LogBoxStyle';
7
8export function ErrorToastMessage({ message }: { message?: MessageType }) {
9  return (
10    <Text numberOfLines={1} style={styles.text}>
11      {message && <LogBoxMessage plaintext message={message} style={styles.substitutionText} />}
12    </Text>
13  );
14}
15
16const styles = StyleSheet.create({
17  text: {
18    userSelect: 'none',
19    paddingLeft: 8,
20    color: LogBoxStyle.getTextColor(1),
21    flex: 1,
22    fontSize: 14,
23    lineHeight: 22,
24  },
25  substitutionText: {
26    color: LogBoxStyle.getTextColor(0.6),
27  },
28});
29