import React, { CSSProperties } from 'react';
import { DefaultProps, Selectors } from '@mantine/core';
import { Topic } from "../../../interfaces/types";
type MyComponentStylesNames = Selectors<typeof useStyles>;
export interface TagTopicProps extends DefaultProps<MyComponentStylesNames> {
    onClick?: () => void;
    className?: string;
    style?: CSSProperties;
    topics: Topic[];
    trackingCategory?: string;
    locale?: string;
    shortenedNumber?: number;
    shortenedStyle?: boolean;
}
declare const useStyles: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
    classes: {
        wrapper: string;
        item: string;
        text: string;
    };
    cx: (...args: any) => string;
    theme: import("@mantine/core").MantineTheme;
};
declare const TagTopic: ({ topics, onClick, className, style, trackingCategory, locale, classNames, styles, unstyled, shortenedNumber, shortenedStyle, ...rest }: TagTopicProps) => React.JSX.Element;
export { TagTopic };
