streamyfin/components/video-player/controls/SkipButton.tsx

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
}) => {
  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 maxFontSizeMultiplier={1.2} className='text-white font-bold'>
          {buttonText}
        </Text>
      </TouchableOpacity>
    </View>
  );
};

export default SkipButton;