import React, { CSSProperties } from 'react';
import { DefaultProps, Selectors } from '@mantine/core';
import { TextProps } from "../../mantine/text";
import { TextSize } from "../../mantine/theme";
import { DataTrackingType } from "../../../interfaces/types";
import useStyles from "./index.styles";
type TabContent = {
    name: string;
    icon?: JSX.Element;
    className?: string;
    textType?: TextProps['weight'];
    textSize?: TextSize;
    textColor?: string;
    dataTestid?: string;
} & DataTrackingType;
export interface Props extends DefaultProps<Selectors<typeof useStyles>> {
    tabContent: Array<TabContent>;
    onChange?: (n: number) => void;
    initialTab?: number;
    style?: CSSProperties;
    id?: string;
}
/**
 * @deprecated Consider to use mantine
 */
declare const Tabs: ({ style, initialTab, tabContent, onChange, className, dataEventCategory, dataEventAction, dataEventLabel, id, styles, }: Props & DataTrackingType) => React.JSX.Element;
export { Tabs };