import * as React from 'react';
import { StyleProp, ViewStyle } from 'react-native';
import { ChatMessage } from '../../rename.chat';
import { type VideoPreviewProps, type VideoPreviewRef } from '../../ui/VideoPreview';
import type { ContextNameMenuRef, PropsWithBack } from '../types';
/**
 * Video Message Preview Component properties.
 */
export type VideoMessagePreviewProps<TVideoProps extends VideoPreviewProps = VideoPreviewProps, TVideoRef extends VideoPreviewRef = VideoPreviewRef> = PropsWithBack & {
    /**
     * Message id.
     */
    msgId: string;
    /**
     * local message id.
     */
    localMsgId: string;
    /**
     * Chat message.
     */
    msg?: ChatMessage;
    /**
     * Container style for the file preview component.
     */
    containerStyle?: StyleProp<ViewStyle>;
    /**
     * Custom video preview component.
     */
    videoPreviewComponent?: React.ForwardRefExoticComponent<TVideoProps & React.RefAttributes<TVideoRef>>;
    /**
     * Additional props to pass to the video preview component.
     * These props will be merged with (and can override) the base VideoPreviewProps.
     */
    videoPreviewProps?: Partial<TVideoProps>;
    /**
     * Custom video preview component ref.
     *
     * Use this to access the video preview component's methods from the parent component.
     *
     * @example
     * ```tsx
     * function MyScreen() {
     *   const videoRef = useRef<CustomVideoPreviewRef>(null);
     *
     *   const handleSpeedChange = () => {
     *     videoRef.current?.setPlaybackSpeed(2.0);
     *   };
     *
     *   return (
     *     <VideoMessagePreview<CustomVideoPreviewProps, CustomVideoPreviewRef>
     *       msgId="message-id"
     *       localMsgId="local-message-id"
     *       videoPreviewComponent={CustomVideoPreview}
     *       videoPreviewRef={videoRef}  // Pass your ref here
     *       videoPreviewProps={{
     *         showWatermark: true,
     *       }}
     *     />
     *   );
     * }
     * ```
     */
    videoPreviewRef?: React.RefObject<TVideoRef>;
    /**
     * Callback function for showing the bottom sheet.
     */
    onShowBottomSheet?: (menuRef: React.RefObject<ContextNameMenuRef>) => void;
};
/**
 * Video Message Preview Component.
 */
export declare function VideoMessagePreview<TVideoProps extends VideoPreviewProps = VideoPreviewProps, TVideoRef extends VideoPreviewRef = VideoPreviewRef>(props: VideoMessagePreviewProps<TVideoProps, TVideoRef>): import("react/jsx-runtime").JSX.Element;
type ImageSize = {
    width: number;
    height: number;
};
export declare function useVideoMessagePreview<TVideoProps extends VideoPreviewProps = VideoPreviewProps, TVideoRef extends VideoPreviewRef = VideoPreviewRef>(props: VideoMessagePreviewProps<TVideoProps, TVideoRef>): {
    url: string | undefined;
    size: ImageSize;
    videoRef: React.RefObject<TVideoRef | null>;
    onVideoError: (error: any) => void;
    onClickedVideo: () => void;
    showLoading: boolean;
    thumbnailUrl: string | undefined;
    onEnd: () => void;
    pause: boolean;
    menuRef: React.RefObject<ContextNameMenuRef>;
    onRequestCloseMenu: (onFinished?: () => void) => void;
    showBottomSheet: () => void;
};
export {};
//# sourceMappingURL=VideoMessagePreview.d.ts.map