Define the properties of a custom button

CustomButton.tsx

import type { ComponentProps } from 'react';

interface CustomButtonProps {
  onPress:  ComponentProps<typeof TouchableOpacity>["onPress"];
  title: string;
}

const CustomButton = ({ onPress, title }: CustomButtonProps) => (
    <TouchableOpacity
        onPress={onPress}
        style={{
          backgroundColor: '#009688',
          padding: 10,
          borderRadius: 10,
          elevation: 1,
        }}>
      <Text style={{
        color: '#ffffff',
        fontSize: 18,
        textAlign: 'center',
      }}>
        {title}
      </Text>
    </TouchableOpacity>
);