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

export default function ClearButtonMode() {
  return (
    <View>
      <WithLabel label="never">
        <TextInput clearButtonMode="never" style={styles.textinput} />
      </WithLabel>
      <WithLabel label="while editing">
        <TextInput clearButtonMode="while-editing" style={styles.textinput} />
      </WithLabel>
      <WithLabel label="unless editing">
        <TextInput clearButtonMode="unless-editing" style={styles.textinput} />
      </WithLabel>
      <WithLabel label="always">
        <TextInput clearButtonMode="always" style={styles.textinput} />
      </WithLabel>
    </View>
  );
}
