/// <reference types="react" />

import { SerializedStyles } from "@emotion/react";
export declare const Iframe: import("react").NamedExoticComponent<{
    id?: string | undefined;
    media: string;
    onLoad?: ((e: React.SyntheticEvent<HTMLIFrameElement, Event>) => void) | undefined;
    onError?: Function | undefined;
    cssStyles?: SerializedStyles | undefined;
}>;
export declare const IframeWithoutSandBox: import("react").NamedExoticComponent<{
    media: string;
    onLoad?: ((e: React.SyntheticEvent<HTMLIFrameElement, Event>) => void) | undefined;
}>;
export type MIMEType = "text/xml" | "text/plain" | "text/markdown" | "application/json" | "application/javascript" | "text/html" | "model/gltf" | "audio/mp3" | "audio/ogg" | "audio/flac" | "audio/wav" | "audio/vnd.dlna.adts" | "audio/x-m4r" | "audio/m4a" | "audio/mpeg" | "video/mp4" | "video/quicktime" | "image/jpg" | "image/jpeg" | "image/png" | "image/bmp" | "image/gif" | "image/x-icon" | "image/webp" | "image/svg+xml" | "imageViewer" | "application/octet-stream" | "binary/octet-stream" | "application/wasm" | "application/json" | "application/pdf" | "iframe";
export interface MediaProps {
    mediaUrl: string;
    mediaMimeType: MIMEType | "";
    autoPlay?: boolean;
    mediaVisible?: boolean;
    needCompress?: boolean;
    isMysteryBox?: boolean;
    getMedia?: (media: any) => void;
    cardWidth?: number;
    cssStyle?: SerializedStyles;
    imgCssStyle?: SerializedStyles;
    onLoad?: (e?: React.SyntheticEvent<HTMLIFrameElement, Event>) => void;
    isDetail?: boolean;
}
export declare const Media: ({ mediaUrl, mediaMimeType, autoPlay, mediaVisible, needCompress, isMysteryBox, getMedia, cardWidth, cssStyle, imgCssStyle, onLoad, isDetail, }: MediaProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
