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

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

const SkipButton: React.FC<SkipButtonProps> = ({
  onPress,
  showButton,
  buttonText,
  ...props
}) => {
  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;