import React from 'react';
import { ActionHeaderProps } from '../../common/action-header/action-header';
import { BaseStyles } from 'src/utils/types/base-styles.type';
export type HotTopic = {
    imageUrl: string;
    link: string;
    title?: string;
    isExternal?: boolean;
    onClick?: () => void;
};
export type HotTopicsProps = {
    className?: string;
    styles?: BaseStyles;
    actionHeaderProps: ActionHeaderProps;
    hotTopicsList: HotTopic[];
    maxItems?: number;
};
export declare const actionHeaderDefaultProps: {
    styles: {
        root: {
            [x: string]: string | {
                paddingBottom: string;
                paddingLeft: string;
            };
            paddingBottom: string;
        };
    };
    titleProps: {
        styles: {
            root: {
                [x: string]: string | {
                    fontSize: string;
                    lineHeight: string;
                };
                color: string;
                fontSize: string;
                lineHeight: string;
            };
        };
    };
};
declare const HotTopics: React.FC<HotTopicsProps>;
export default HotTopics;