import { CSSObject } from 'styled-components';
import { DefaultTheme } from 'styled-components';
import { FC } from 'react';
import { PropsWithChildren } from 'react';
import { ReactNode } from 'react';

declare interface addSXProps {
    sx?: SXProps;
}

declare type IThemeDevice = 'default' | 'tablet' | 'mobile';

export declare const Preview: FC<PreviewProps>;

export declare type PreviewAdditionalProps = PreviewIsShowProps | PreviewTimeProps;

declare type PreviewDefaultProps = {
    defaultVisible?: boolean;
    content?: ReactNode;
} & {
    sxLoader?: addSXProps['sx'];
    sxChildren?: addSXProps['sx'];
};

declare interface PreviewIsShowProps extends PreviewDefaultProps {
    visible: boolean;
    minTime?: number;
}

export declare type PreviewProps = PropsWithChildren & PreviewAdditionalProps;

declare interface PreviewTimeProps extends PreviewDefaultProps {
    time: number;
}

declare type SXProps = ({
    default: CSSObject;
} & {
    [K in IThemeDevice]?: CSSObject;
}) | ((theme: DefaultTheme) => {
    default: CSSObject;
} & {
    [K in IThemeDevice]?: CSSObject;
});

export declare const useRemovePreviewLoader: () => void;

export { }