UNPKG

@janiscommerce/ui-native

Version:
25 lines (24 loc) 813 B
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;