react-native-ui-lib/src/components/textField/presets/underline.js

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

import { StyleSheet } from 'react-native';
import { Colors, Spacings, Typography } from "../../../style";
const colorByState = {
  focus: Colors.$textPrimary,
  error: Colors.$textDangerLight,
  disabled: Colors.$textDisabled,
  readonly: Colors.$textNeutral
};
const placeholderTextColorByState = {
  default: Colors.$textNeutral,
  error: Colors.$textNeutral,
  focus: Colors.$textNeutral,
  disabled: Colors.$textDisabled
};
const styles = StyleSheet.create({
  field: {
    borderBottomWidth: 1,
    borderBottomColor: Colors.$outlineDisabled,
    paddingBottom: Spacings.s2
  },
  input: {
    ...Typography.text70,
    lineHeight: undefined,
    height: Typography?.text70?.lineHeight
  },
  clearButtonStyle: {
    marginHorizontal: Spacings.s3
  },
  floatingPlaceholder: {
    ...Typography.text70
  }
});
export default {
  enableErrors: true,
  validateOnBlur: true,
  floatingPlaceholderColor: colorByState,
  placeholderTextColor: placeholderTextColorByState,
  labelColor: colorByState,
  fieldStyle: styles.field,
  style: styles.input,
  clearButtonStyle: styles.clearButtonStyle,
  floatingPlaceholderStyle: styles.floatingPlaceholder
};