react-native-ui-lib/src/components/textField/CharCounter.js

[](https://stand-with-ukraine.pp.ua)

import _isUndefined from "lodash/isUndefined";
import React, { useContext } from 'react';
import { StyleSheet } from 'react-native';
import Text from "../text";
import FieldContext from "./FieldContext";
const CharCounter = ({
  maxLength,
  charCounterStyle,
  testID
}) => {
  const {
    value
  } = useContext(FieldContext);
  const length = value?.length ?? 0;
  if (_isUndefined(maxLength)) {
    return null;
  }
  return <Text $textNeutral style={[styles.container, charCounterStyle]} recorderTag={'unmask'} testID={testID}>
      {`${length}/${maxLength}`}
    </Text>;
};
const styles = StyleSheet.create({
  container: {
    flexGrow: 1,
    textAlign: 'right'
  }
});
CharCounter.displayName = 'Incubator.TextField';
export default CharCounter;