import { CSSObject } from 'styled-components';
import { DefaultTheme } from 'styled-components';
import { DetailedHTMLProps } from 'react';
import { FC } from 'react';
import { ImgHTMLAttributes } from 'react';
import { IStyledComponentBase } from 'styled-components/dist/types';
import { ReactNode } from 'react';
import { Substitute } from 'styled-components/dist/types';

declare type AddDollarSign<T> = {
    [K in keyof T as `$${string & K}`]: T[K];
};

declare interface addSXProps {
    sx?: SXProps;
}

declare type addSXStyleProps = AddDollarSign<addSXProps>;

declare const Image_2: FC<ImageProps>;
export { Image_2 as Image }

export declare const ImageIMG: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, ImageIMGProps>> & string;

export declare type ImageIMGProps = {
    $isPending: boolean;
} & addSXStyleProps;

export declare interface ImageProps {
    alt: string;
    componentFallback?: ReactNode;
    componentLoading?: ReactNode;
    isShowBeforeImage?: boolean;
    src?: string;
    sxImage?: addSXProps['sx'];
    sxStack?: addSXProps['sx'];
}

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

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

export { }