import { default as React } from 'react';
type ControlVideoProps = {
    muted: boolean;
    play?: boolean;
};
export type VideoPlayerProps = {
    poster?: string;
    source?: string;
    controlVideo?: (props: ControlVideoProps) => void;
    aspectRatio?: string;
    onPlay?: () => void;
    onPause?: () => void;
    onReplay?: () => void;
    onEnd?: () => void;
    onRender?: () => void;
    onMute?: (muted?: boolean) => void;
    onMuteClick?: (muted?: boolean) => void;
    onQuartile?: (quartile: 25 | 50 | 75) => void;
    autoPlay?: boolean;
    playMuted?: boolean;
    muted?: boolean;
    webos?: boolean;
    className?: string;
    hasNotPausedVideo?: boolean;
};
export type ControlVideoCb = VideoPlayerProps['controlVideo'];
export declare const pauseAllVideos: () => void;
/**
 * VideoPlayer component for playing videos with a poster image.
 *
 * @description
 * This component is a wrapper around the native HTML5 video element.
 * We should optimize it in the future, issues with poster flickering and video loading.
 *
 * @component
 * @example
 * ```tsx
 * import { VideoPlayer } from './VideoPlayer';
 *
 * const App = () => {
 *   return (
 *     <VideoPlayer
 *       poster="path/to/poster.jpg"
 *       source="path/to/video.mp4"
 *     />
 *   );
 * };
 * ```
 *
 * @param {Object} props - The component props.
 * @param {string} props.poster - The path to the poster image.
 * @param {string} props.source - The path to the video source.
 * @returns {JSX.Element} The rendered VideoPlayer component.
 */
export declare const VideoPlayer: React.ForwardRefExoticComponent<VideoPlayerProps & React.RefAttributes<HTMLVideoElement | null>>;
export {};