import { default as React, PropsWithChildren } from 'react';
export type DataTabsProps = {
    /**
     * Sets key and id.
     *
     * @default ''
     */
    activeKey?: string;
    /**
     * Whether the component should add a border.
     *
     * @default true
     */
    bordered?: boolean;
    /**
     * Additional classes to be set on the wrapper element.
     */
    className?: string;
    /**
     * Tab content that is used for all tabs.
     *
     * Using a common tab content will ignore any DataTab child. Additionally, there will be no transition when
     * switching tabs as it is a single tab content component.
     */
    commonTabContent?: React.ReactNode;
    /**
     * Transitions between tab contents are enabled by default. Set if you want to disable them.
     *
     * The Navigation tabs will still remain animated.
     *
     * @default false
     */
    disableTransition?: boolean;
    /**
     * Additional classes to be set on the arrow.
     *
     * @default 'bg-highlight-dark border-color-transparent'
     */
    arrowClassName?: string;
    /**
     * Called when a tab is being activated.
     *
     * @param tabKey Of the activated tab.
     */
    onSelectTab?: (tabKey: string) => void;
    /**
     * Additional classes to be set on the tab element.
     */
    tabClassName?: string;
    /**
     * Utility hover classes to be set on the tab element.
     *
     * @default 'bg-highlight-decent text-color-darkest'
     */
    tabHoverClassName?: string;
    /**
     * Utility active classes to be set on the tab element.
     *
     * @default 'bg-highlight-dark text-color-white'
     */
    tabActiveClassName?: string;
    /**
     * Utility first-child classes to be set on the tab element.
     */
    tabFirstChildClassName?: string;
    /**
     * Utility last-child classes to be set on the tab element.
     */
    tabLastChildClassName?: string;
    /**
     * Utility content classes to be set on the tab element.
     */
    tabContentClassName?: string;
    /**
     * Additional classes to be set on the tabs wrapper element.
     */
    tabsWrapperClassName?: string;
    /**
     * Whether the layout should be vertical.
     *
     * @default false
     */
    vertical?: boolean;
};
declare const DataTabs: (props: PropsWithChildren<DataTabsProps>) => import("react/jsx-runtime").JSX.Element;
export default DataTabs;
