import { Icon, Icons } from "@/components/Icon"; import { useCallback } from "react"; import { useVideoPlayerState } from "../VideoContext"; export function MiddlePauseControl() { const { videoState } = useVideoPlayerState(); const handleClick = useCallback(() => { if (videoState?.isPlaying) videoState.pause(); else videoState.play(); }, [videoState]); if (videoState.hasPlayedOnce) return null; if (videoState.isPlaying) return null; if (videoState.isFirstLoading) return null; return (
); }