@wordpress/components
Version:
UI components for WordPress.
62 lines (57 loc) • 1.55 kB
JavaScript
import { createElement } from "@wordpress/element";
/**
* External dependencies
*/
import { Text, TouchableOpacity, View } from 'react-native';
/**
* WordPress dependencies
*/
import { withPreferredColorScheme } from '@wordpress/compose';
import { Icon, minus, plus } from '@wordpress/icons';
/**
* Internal dependencies
*/
import styles from './style.scss';
function Stepper({
getStylesFromColorScheme,
isMaxValue,
isMinValue,
onPressInDecrement,
onPressInIncrement,
onPressOut,
value,
children,
shouldDisplayTextInput
}) {
const valueStyle = getStylesFromColorScheme(styles.value, styles.valueTextDark);
const buttonStyle = getStylesFromColorScheme(styles.button, styles.buttonDark);
return createElement(View, {
style: styles.container
}, !shouldDisplayTextInput && createElement(Text, {
style: valueStyle
}, value), children, createElement(TouchableOpacity, {
disabled: isMinValue,
onPressIn: onPressInDecrement,
onPressOut: onPressOut,
style: [buttonStyle, isMinValue ? {
opacity: 0.4
} : null]
}, createElement(Icon, {
icon: minus,
size: 24,
color: buttonStyle.color
})), createElement(TouchableOpacity, {
disabled: isMaxValue,
onPressIn: onPressInIncrement,
onPressOut: onPressOut,
style: [buttonStyle, isMaxValue ? {
opacity: 0.4
} : null]
}, createElement(Icon, {
icon: plus,
size: 24,
color: buttonStyle.color
})));
}
export default withPreferredColorScheme(Stepper);
//# sourceMappingURL=stepper.ios.js.map