/// <reference types="react" />
import { ASPECT_RATIO } from '../../constants';
export declare const IFrameWrapepr: import("@emotion/styled").StyledComponent<import("@chakra-ui/react").OmitCommonProps<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@chakra-ui/react").ChakraProps> & import("@chakra-ui/react").ChakraProps & import("@chakra-ui/react").OmitCommonProps<any, keyof import("@chakra-ui/react").ChakraProps> & {
    as?: import("@chakra-ui/react").As<any> | undefined;
} & {
    theme?: import("@emotion/react").Theme | undefined;
}, {}, {}>;
export declare const timeStrToSeconds: (time: string) => number;
export declare const formatTimeInput: (input: string) => string;
export declare type VideoProps = {
    url?: string;
    ratio?: ASPECT_RATIO;
    width?: string;
    controls?: boolean;
    loop?: boolean;
    autoplay?: boolean;
    mute?: boolean;
    start?: string;
    end?: string;
};
export declare const getVideoDefaultProps: <T extends VideoProps>({ url, ratio, width, controls, loop, autoplay, mute, start, end, ...restProps }: T) => {
    url: string;
    ratio: ASPECT_RATIO;
    width: string;
    controls: boolean;
    loop: boolean;
    autoplay: boolean;
    mute: boolean;
    start: string | undefined;
    end: string | undefined;
} & Omit<T, "width" | "end" | "start" | "url" | "controls" | "loop" | "ratio" | "autoplay" | "mute">;
