@ffsm/native-ui/dist/helper-text/index.js

UI Components for React Native

var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                t[p[i]] = s[p[i]];
        }
    return t;
};
import { forwardRef } from 'react';
import { StyleSheet, Text } from 'react-native';
import { DEFAULT_NATIVEUI_THEME } from '../theme';
import { flattenStyle } from '../flatten-style';
export const HelperText = forwardRef(function HelperText(props, ref) {
    const { error, children, style } = props, rest = __rest(props, ["error", "children", "style"]);
    return (<Text {...rest} ref={ref} style={flattenStyle(_styles.root, error ? _styles.error : _styles.helperText, style)}>
        {children}
      </Text>);
});
const _styles = StyleSheet.create({
    root: {
        fontSize: 12,
        marginTop: 4,
    },
    helperText: {
        color: DEFAULT_NATIVEUI_THEME.colors.slate[600],
    },
    error: {
        color: DEFAULT_NATIVEUI_THEME.colors.red[700],
    },
});