import React, { ReactNode } from 'react';
import { ChipGroupProps } from '@mantine/core';
import { TextProps } from "../../mantine";
import { DataTrackingTypeHTMLElement } from "../../../interfaces/types";
import { NewsletterTopic } from "../../../premiumNewsletter/interfaces/types";
type CustomTopic = {
    component: ReactNode;
};
type TopicGroup = {
    label?: string;
    topics: (CustomTopic | NewsletterTopic)[];
    tracking?: DataTrackingTypeHTMLElement;
};
type TopicSectionProps = {
    topicsGroup: TopicGroup[];
    onTopicChange?: (topic: NewsletterTopic[]) => void;
    label?: string;
    isBlock?: boolean;
    selectedTopics: NewsletterTopic[];
    inputProps?: ChipGroupProps;
    maxSelect?: number;
    labelProps?: TextProps;
    hasScroll?: boolean;
    readonly?: boolean;
};
export declare const TopicSection: ({ topicsGroup, onTopicChange, isBlock, selectedTopics, inputProps, labelProps, maxSelect, hasScroll, readonly, }: TopicSectionProps) => React.JSX.Element;
export {};
