You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
589 B
20 lines
589 B
import { useVideoPlayerState } from "../VideoContext"; |
|
import { PauseControl } from "./PauseControl"; |
|
import { SkipTimeBackward, SkipTimeForward } from "./TimeControl"; |
|
|
|
export function MobileCenterControl() { |
|
const { videoState } = useVideoPlayerState(); |
|
|
|
const isLoading = videoState.isFirstLoading || videoState.isLoading; |
|
|
|
return ( |
|
<div className="flex items-center space-x-8"> |
|
<SkipTimeBackward /> |
|
<PauseControl |
|
iconSize="text-5xl" |
|
className={isLoading ? "pointer-events-none opacity-0" : ""} |
|
/> |
|
<SkipTimeForward /> |
|
</div> |
|
); |
|
}
|
|
|