react-native-ui-lib/src/components/stepper/StepperButton.js

[](https://travis-ci.org/wix/react-native-ui-lib) [](https://www.npmjs.com/package/react-native-ui-lib) [![NPM Down

import React from 'react';
import PropTypes from 'prop-types';
import {
  TouchableOpacity,
  Text,
} from 'react-native';


const StepperButton = ({label, testId, styles, disabled, onPress}) =>
  <TouchableOpacity disabled={disabled} testID={testId} onPress={onPress} style={styles.button}>
    <Text style={[styles.buttonText, disabled && styles.disableText]} allowFontScaling={false}>
      {label}
    </Text>
  </TouchableOpacity>;

StepperButton.propTypes = {
  /**
   * Text to show on the button
   */
  label: PropTypes.string,
  /**
   * Use to identify the button in tests
   */
  testId: PropTypes.string,
  /**
   * Style from the parent component with `button` style, `buttonText` style and `disableText` style
   */
  styles: PropTypes.object.isRequired,
  /**
   * Disabled state of the button
   */
  disabled: PropTypes.bool,
  /**
   * Handler function to receive updates when the value changes
   */
  onPress: PropTypes.func,
};

StepperButton.displayName = 'IGNORE';

export default StepperButton;