mirror of
https://github.com/p-stream/p-stream.git
synced 2026-05-13 13:50:59 +00:00
22 lines
657 B
TypeScript
22 lines
657 B
TypeScript
import { Icons } from "@/components/Icon";
|
|
import { VideoPlayerButton } from "@/components/player/internals/Button";
|
|
import { usePlayerStore } from "@/stores/player/store";
|
|
|
|
export function Pause(props: { iconSizeClass?: string; className?: string }) {
|
|
const display = usePlayerStore((s) => s.display);
|
|
const { isPaused } = usePlayerStore((s) => s.mediaPlaying);
|
|
|
|
const toggle = () => {
|
|
if (isPaused) display?.play();
|
|
else display?.pause();
|
|
};
|
|
|
|
return (
|
|
<VideoPlayerButton
|
|
className={props.className}
|
|
iconSizeClass={props.iconSizeClass}
|
|
onClick={toggle}
|
|
icon={isPaused ? Icons.PLAY : Icons.PAUSE}
|
|
/>
|
|
);
|
|
}
|