import React from 'react';
import { IconProps } from '../../icons/create-styled-icon';
import { LabelProps } from './components/label';
import { ImageProps } from './components/image';
import { OverlayTextProps } from './components/overlayText';
import { BaseStyles } from '../../../utils/types/base-styles.type';
export declare const skeletonLoading: import("@emotion/serialize").Keyframes;
export declare const BASE_PROPS: (isCardStyle: boolean, borderRadius?: string) => {
    styles: {
        root: {
            background: string;
            color: string;
            fontFamily: string;
            position: string;
            display: string;
            fontSize: string;
            border: string;
            borderRadius: string;
            height: string;
        };
    };
    isCalcRatio: boolean;
    ratio: string;
    imageProps: {
        styles: {
            root: {
                width: string;
                height: string;
                display: string;
                borderTopLeftRadius: string;
                borderTopRightRadius: string;
                borderRadius?: undefined;
            } | {
                width: string;
                height: string;
                display: string;
                borderRadius: string;
                borderTopLeftRadius?: undefined;
                borderTopRightRadius?: undefined;
            };
        };
        linkProps: {};
        src: string;
        description: string;
    };
    bottomLeftLabelProps: {
        styles: {
            root: {
                color: string;
                backgroundColor: string;
                font: string;
                textTransform: string;
                padding: string;
                borderRadius: number;
                zIndex: number;
                position: string;
                bottom: number;
                left: number;
            };
        };
        text: string;
    };
    bottomRightLabelProps: {
        styles: {
            root: {
                color: string;
                backgroundColor: string;
                font: string;
                textTransform: string;
                padding: string;
                borderRadius: string;
                zIndex: number;
                position: string;
                bottom: string;
                right: string;
            };
        };
        text: string;
    };
    overlayTextProps: {
        overlayTextProps: {
            styles: {
                root: {
                    position: string;
                    left: number;
                    top: number;
                    width: string;
                    height: string;
                    cursor: string;
                    zIndex: number;
                    color: string;
                };
                '> div': {
                    fontSize: string;
                    position: string;
                    float: string;
                    top: string;
                    left: string;
                    transform: string;
                    color: string;
                };
            };
            text: string;
            textPositionY: string;
            node: null;
        };
    };
    iconProps: {
        styles: {
            root: {
                fontSize: string;
                width: string;
                height: string;
                color: string;
                position: string;
                left: string;
                top: string;
                cursor: string;
                zIndex: number;
            };
        };
        icon: null;
        showIcon: boolean;
        src: string;
        size: string;
        iconName: string;
    };
};
export type ArticleImageProps = {
    children?: React.ReactNode;
    className?: string;
    styles?: BaseStyles;
    fullWidth?: boolean;
    imageProps?: ImageProps;
    bottomLeftLabelProps?: LabelProps;
    bottomRightLabelProps?: LabelProps;
    overlayTextProps?: OverlayTextProps;
    iconProps?: IconProps;
    isLoading?: boolean;
    isCardStyle?: boolean;
    isCalcRatio?: boolean;
    ratio?: string;
    borderRadius?: string;
};
export declare const ArticleImageDefaultProps: {
    styles: {
        root: {};
    };
    fullWidth: boolean;
    isCalcRatio: boolean;
    imageProps: {};
    bottomLeftLabelProps: {};
    bottomRightLabelProps: {};
    overlayTextProps: {};
    iconProps: {};
    isCardStyle: boolean;
    isLoading: boolean;
    borderRadius: string;
};
declare const ArticleImage: React.FC<ArticleImageProps>;
export default ArticleImage;