25 lines
585 B
JavaScript
25 lines
585 B
JavaScript
import { DateTime } from "luxon";
|
|
import React from "react";
|
|
import { Text, View } from "react-native";
|
|
|
|
export default function DataLabelComponent({
|
|
label,
|
|
content,
|
|
dateTime,
|
|
...restProps
|
|
}) {
|
|
let theContent = content;
|
|
|
|
if (dateTime && content)
|
|
theContent = DateTime.fromISO(content).toLocaleString(
|
|
DateTime.DATETIME_SHORT
|
|
);
|
|
const { key, ...rest } = restProps;
|
|
return (
|
|
<View key={key} {...rest} style={{ margin: 4, ...restProps.style }}>
|
|
<Text style={{ color: "slategray" }}>{label}</Text>
|
|
<Text>{theContent}</Text>
|
|
</View>
|
|
);
|
|
}
|