import { View } from 'react-native';
import type { TabsRoot } from '../root/TabsRoot';
import type { TabsTab } from '../tab/TabsTab';
import type { ZestUIComponentProps } from '../../types';
/**
 * A visual indicator that can be styled to match the position of the currently
 * active tab.
 * Renders a `<View>`.
 *
 * Where the web version writes `--active-tab-left` and friends as CSS variables,
 * this publishes the same numbers on its state object; position it yourself from
 * `style={(state) => ...}`.
 *
 * The measurements come from each tab's `onLayout`, which reports a position
 * relative to the tab's **parent**. They are therefore accurate when the tabs are
 * direct children of `<Tabs.List>` — the standard structure. Wrapping tabs in
 * intermediate views offsets them.
 */
export declare function TabsIndicator(componentProps: TabsIndicator.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
export interface TabsIndicatorState {
    /**
     * The component orientation.
     */
    orientation: TabsRoot.Orientation;
    /**
     * The position of the active tab within its list.
     */
    selectedTabPosition: TabsTab.Position | null;
    /**
     * The size of the active tab.
     */
    selectedTabSize: TabsTab.Size | null;
    /**
     * The direction used for tab activation.
     */
    tabActivationDirection: TabsTab.ActivationDirection;
}
export interface TabsIndicatorProps extends ZestUIComponentProps<typeof View, TabsIndicatorState> {
}
export declare namespace TabsIndicator {
    type State = TabsIndicatorState;
    type Props = TabsIndicatorProps;
}
//# sourceMappingURL=TabsIndicator.d.ts.map