import React from 'react';
import { SubNavigationItemOptions, SUB_NAVIGATION_ACCENT_TYPES, SUB_NAVIGATION_ACCENT_SIZES } from './types';
import './sub-navigation.less';
export type SubNavigationProps = {
    /** Navigation object */
    navigationItems: SubNavigationItemOptions[];
    /** Set activeTab directly */
    activeTab?: string | number;
    /** callback function that would be called on item select */
    onSelect: (item?: SubNavigationItemOptions) => void;
    testId?: string;
    customClassName?: string;
    LinkComponent?: React.ComponentType<any>;
    accentType?: SUB_NAVIGATION_ACCENT_TYPES;
    size?: SUB_NAVIGATION_ACCENT_SIZES;
    isAdaptive?: boolean;
    isUnderlined?: boolean;
};
/** Sub navigation bars display items with label text. When label tapped, the user is taken to the navigation destination
 * [CAPITALIZATION] Use title case
 * @midnight-gray-supported
 * @alpine-light-supported
 */
export declare const SubNavigation: ({ navigationItems, activeTab, testId, onSelect, customClassName, LinkComponent, accentType, size, isAdaptive, isUnderlined, }: SubNavigationProps) => import("react/jsx-runtime").JSX.Element;
