gestalt
Version:
A set of React UI components which enforce Pinterest's design language
19 lines (18 loc) • 1.04 kB
TypeScript
type Props = {
captionsButton: 'enabled' | 'disabled' | null;
currentTime: number;
duration: number;
fullscreen: boolean;
onCaptionsChange: (event: React.SyntheticEvent<HTMLDivElement>) => void;
onFullscreenChange: () => void;
onPause: (event: React.SyntheticEvent<HTMLDivElement>) => void;
onPlay: (event: React.SyntheticEvent<HTMLDivElement>) => void;
onPlayheadDown: (event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) => void;
onPlayheadUp: (event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) => void;
onVolumeChange: (event: React.SyntheticEvent<HTMLDivElement>) => void;
playing: boolean;
seek: (time: number) => void;
volume: number;
};
declare function VideoControls({ captionsButton, currentTime, duration, fullscreen, onCaptionsChange, onFullscreenChange, onPause, onPlay, onPlayheadDown, onPlayheadUp, onVolumeChange, playing, seek, volume, }: Props): import("react/jsx-runtime").JSX.Element;
export default VideoControls;