import React from "react";
import { VoidFuncNoParam } from "../../../../fd-toolbox/functions/internal-getter-setter-functions";
import { FileData } from "../../../../fd-toolbox/constants/file-loader-data-types";
/**
 * Props for the {@link PreviewMedia} component.
 */
export interface PreviewMediaProps {
    /** The file data to be previewed, containing its URL and type information */
    file: FileData;
    /** Event handler called when the preview modal needs to be closed */
    onClose: VoidFuncNoParam;
}
/**
 * A modal component for displaying a full-screen preview of an image or video file.
 *
 * This component overlays the current view to show a larger version of the media.
 * It includes a close button and can render either an `<img />` or a `<video />` element
 * based on the file type.
 *
 * @param props - {@link PreviewMediaProps}
 *
 * @example
 * ```tsx
 * const [fullscreenFile, setFullscreenFile] = useState<FileData | null>(null);
 *
 * / ... inside your component
 * {fullscreenFile && (
 *     <PreviewMedia
 *         file={fullscreenFile}
 *         onClose={() => setFullscreenFile(null)}
 *     />
 * )}
 * ```
 */
export declare function PreviewMedia({ file, onClose }: PreviewMediaProps): React.JSX.Element;
