import React from 'react';
import { ArticleProps } from '../article/article';
import { ArticleImageProps } from '../article-image/article-image';
import { ArticleTextProps } from '../article-text/article-text';
export declare const createBaseProps: ({ hasRootWrapper }: ArticleListProps) => {
    styles: {
        root: {
            fontFamily: string;
        };
    };
    listStyle: {
        styles: {
            root: {
                /**
                 * Note:-
                 * Adding bottom spacing to each item in the list here.
                 * For now the only scenario where we do not use a root wrapper is
                 * when used within @ArticleListWidget since @ArticleListWidget is using grid
                 * and that uses grid gap which takes care of spacing between each grid item.
                 */
                paddingBottom: string | number;
            };
        };
    };
};
export interface ArticleListProps {
    children?: React.ReactNode;
    className?: string;
    styles?: {
        root: {};
    };
    hasRootWrapper?: boolean;
    list?: ArticleProps[];
    listStyle?: ArticleProps;
    separator?: {
        list: React.ReactNode[];
        interval: number;
        appendListToEnd?: boolean;
        showSeparatorAsLastItem?: boolean;
    };
    setInnerHTML?: boolean;
    isRow?: boolean;
    articleImageProps?: ArticleImageProps;
    articleTextProps?: ArticleTextProps;
}
declare const ArticleList: React.FC<ArticleListProps>;
export default ArticleList;