import type React from "react";
import { Text, TouchableOpacity, View, type ViewProps } from "react-native";

interface SkipButtonProps extends ViewProps {
  onPress: () => void;
  showButton: boolean;
  buttonText: string;
}

const SkipButton: React.FC<SkipButtonProps> = ({
  onPress,
  showButton,
  buttonText,
  ...props
}) => {
  console.log(`[SKIP_BUTTON] Render:`, {
    buttonText,
    showButton,
    className: showButton ? "flex" : "hidden",
  });

  return (
    <View className={showButton ? "flex" : "hidden"} {...props}>
      <TouchableOpacity
        onPress={onPress}
        className='bg-black/60 rounded-md px-3 py-3 border border-neutral-900'
      >
        <Text className='text-white font-bold'>{buttonText}</Text>
      </TouchableOpacity>
    </View>
  );
};

export default SkipButton;
