gistfile1.js

import React from 'react'
import {
  ActivityIndicator,
} from 'react-native'


const CustomButton = ({
}) => {
  const [loading, setIsLoading] = useState(false)

   loading ? return (
        <View style={styles.loadingOverlay}>
          <ActivityIndicator size="large" color={colors.white} />
        </View>
    </TouchableOpacity>
  ): return (<View><Text>Finished laoding </Text></View>)
}


const styles = StyleSheet.create<Styles>({
  loadingOverlay: {
    ...StyleSheet.absoluteFillObject,
    backgroundColor: 'rgba(0, 0, 0, 0.5)', // Semi-transparent overlay
    justifyContent: 'center',
    alignItems: 'center',
    borderRadius: 8, // Match your button's borderRadius
  },
})

export default CustomButton