frontend/src/components/VideoPlayerControls.tsx

import React, { useState } from 'react';
import WatchTogether from './WatchTogether';

interface VideoPlayerControlsProps {
  title: string;
  currentTime: number;
  duration: number;
  onSeek?: (time: number) => void;
  showWatchTogether?: boolean;
}

const VideoPlayerControls: React.FC<VideoPlayerControlsProps> = ({ 
  title, 
  currentTime, 
  duration,
  onSeek,
  showWatchTogether = true
}) => {
  return (
    <>
      {showWatchTogether && (
        <WatchTogether
          title={title}
          currentTime={currentTime}
          duration={duration}
          onSeek={onSeek}
        />
      )}
    </>
  );
};

export default VideoPlayerControls;