/**
 * Basic wrapper for tabbed content. The only required property is an array of Tab objects.
 * For each Tab object you need to provide "tab" which is a JSX element representing an
 * unselected tab, "activeTab" which is a JSX element representing a selected tab, and
 * a "renderContent" function which will return JSX to be displayed when the tab is active.
 */
import React from 'react';
import type { StyleProp, ViewStyle } from 'react-native';
export interface Tab {
    tab: JSX.Element;
    activeTab: JSX.Element;
    renderContent: () => React.ReactNode;
}
export interface SerializableTabbedContainerProps {
    initialIndex?: number;
    style?: ViewStyle;
    tabContainerStyle?: ViewStyle;
    tabTouchableStyle?: ViewStyle;
}
export interface TabbedContainerProps extends Omit<SerializableTabbedContainerProps, 'style' | 'tabContainerStyle' | 'tabTouchableStyle'> {
    style?: StyleProp<ViewStyle>;
    tabs: Tab[];
    tabContainerStyle?: StyleProp<ViewStyle>;
    tabTouchableStyle?: StyleProp<ViewStyle>;
    onTabSwitch?: (index: number) => void;
}
export declare const TabbedContainer: React.FunctionComponent<TabbedContainerProps>;