import React from 'react';
import { styles, WithLabel } from '../helpers';
import { TextInput, View } from 'react-native';

export default function MaxLength() {
  return (
    <View>
      <WithLabel label="maxLength: 5">
        <TextInput maxLength={5} style={styles.textinput} />
      </WithLabel>
      <WithLabel label="maxLength: 5 with placeholder">
        <TextInput maxLength={5} placeholder="ZIP code entry" style={styles.textinput} />
      </WithLabel>
      <WithLabel label="maxLength: 5 with default value already set">
        <TextInput defaultValue="94025" maxLength={5} style={styles.textinput} />
      </WithLabel>
      <WithLabel label="maxLength: 5 with very long default value already set">
        <TextInput defaultValue="9402512345" maxLength={5} style={styles.textinput} />
      </WithLabel>
    </View>
  );
}
