import * as React from "react";
import type { MergeElementProps } from "../typings";
interface TabBarBaseProps {
    /** The content of the component. */
    children?: React.ReactNode;
    /**
     * Append to the classNames applied to the component so you can override or
     * extend the styles.
     */
    className?: string;
    /** The currently selected tab. */
    activeTab?: number | string;
    /** The default selected tab. Use when the component is not controlled. */
    defaultActiveTab?: number | string;
    /**
     * If `true`, will make the tabbar and the tabs dense.
     * @default false
     */
    dense?: boolean;
    /**
     * Determines the behavior of scroll buttons when `variant="scrollable"`:
     * - `auto` will automatically show them on overflow.
     * - `off` wont show them.
     * @default "auto"
     */
    scrollHandleVisibility?: "auto" | "off";
    /**
     * The variant of the tabbar.
     * @default "fluid"
     */
    variant?: "scrollable" | "fluid";
    /**
     * The size of the tabbar.
     * @default "medium"
     */
    size?: "large" | "medium" | "small";
    /**
     * The Callback fires when the state has changed.
     */
    onChange?: (identifier: number | string) => void;
}
export declare type TabBarProps = MergeElementProps<"div", TabBarBaseProps>;
declare type Component = {
    (props: TabBarProps): React.ReactElement | null;
    propTypes?: React.WeakValidationMap<TabBarProps> | undefined;
    displayName?: string | undefined;
};
declare const TabBar: Component;
export default TabBar;