@react-form-fields/native-base/shared/ErrorMessage.js

Native Base Form Fields

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var useConfigContext_1 = require("@react-form-fields/core/hooks/useConfigContext");
var native_base_1 = require("native-base");
var React = require("react");
var context_1 = require("./ThemeProvider/context");
var ErrorMessage = React.memo(function (_a) {
    var showError = _a.showError, errorMessage = _a.errorMessage, helperText = _a.helperText;
    var context = React.useContext(context_1.ThemeContext);
    var _b = useConfigContext_1.default(), errorStyle = _b.errorStyle, helperTextStyle = _b.helperTextStyle;
    var style = React.useMemo(function () { return (tslib_1.__assign({ marginTop: 5, color: context ? context.inputErrorBorderColor : null }, (errorStyle || {}))); }, [context, errorStyle]);
    var helperStyle = React.useMemo(function () { return (tslib_1.__assign({ marginTop: 5 }, (helperTextStyle || {}))); }, [helperTextStyle]);
    if (showError && !!errorMessage) {
        return (React.createElement(native_base_1.Text, { note: true, style: style }, errorMessage));
    }
    if (helperText) {
        return (React.createElement(native_base_1.Text, { note: true, style: helperStyle }, helperText));
    }
    return null;
});
ErrorMessage.displayName = 'ErrorMessage';
exports.default = ErrorMessage;
//# sourceMappingURL=ErrorMessage.js.map