@janiscommerce/ui-native
Version:
components library for Janis app
25 lines (24 loc) • 813 B
JavaScript
import React from 'react';
import { Pressable, StyleSheet } from 'react-native';
import { moderateScale, scaledForDevice } from '../../../scale';
const BaseButton = ({ borderRadius = 0, children = null, style, pressedStyle, ...props }) => {
if (!children) {
return null;
}
const validateBorderRadius = scaledForDevice(borderRadius, moderateScale);
const styles = StyleSheet.create({
container: {
alignItems: 'center',
justifyContent: 'center',
borderRadius: validateBorderRadius,
},
});
return (<Pressable style={({ pressed }) => [
styles.container,
style,
pressed && /* istanbul ignore next */ pressedStyle,
]} {...props}>
{children}
</Pressable>);
};
export default BaseButton;