import { useTranslation } from "react-i18next";
import { Text } from "react-native";
import { Card } from "react-native-paper";

export default function ErrorDisplay({ errorMessage, error }) {
  const { t } = useTranslation();
  return (
    <Card style={{ margin: 8, backgroundColor: "#ffdddd" }}>
      <Card.Title title={t("general.labels.error")} titleVariant="titleLarge" />
      <Card.Content>
        <Text>
          {errorMessage ||
            error?.message ||
            error ||
            "An unknown error has occured."}
        </Text>
      </Card.Content>
    </Card>
  );
}