import React from 'react'; import { StyleSheet, Pressable, PressableProps, DimensionValue } from 'react-native'; import ThemedView from '@/components/theme/default/ThemedView'; import { Colors } from '@/constants/Colors'; import { useColorScheme } from '@/hooks/useColorScheme'; const DEFAULT_WIDTH = 320; const DEFAULT_HEIGHT = 68; type ThemedButtonProps = PressableProps & { width?: DimensionValue; height?: DimensionValue; containerStyle?: object; buttonStyle?: object; }; const ThemedButton: React.FC = ({ width, height, children, containerStyle, buttonStyle, style, ...restProps // This now includes onPress automatically }) => { const scheme = useColorScheme() ?? 'dark'; return ( {children} ); }; export default ThemedButton; const styles = StyleSheet.create({ buttonContainer: { alignItems: 'center', justifyContent: 'center', padding: 3, }, button: { borderRadius: 10, width: '100%', height: '100%', alignItems: 'center', justifyContent: 'center', flexDirection: 'row', }, });