import React from "react";
import { View } from "react-native";
import { ErrorText } from "../components/text";

interface FormErrorProps {
  message?: string;
}

/**
 * Fixed-height slot for a single form-level error message. Always
 * rendered so the form layout does not shift when errors appear or
 * clear.
 */
export default function FormError({ message }: FormErrorProps) {
  return (
    <View style={{ minHeight: 20, justifyContent: "center" }}>
      {message ? <ErrorText className="text-center">{message}</ErrorText> : null}
    </View>
  );
}