import { View } from 'react-native';
import { type TransitionStatus } from '../../internals/useTransitionStatus';
import type { TabsRoot } from '../root/TabsRoot';
import type { TabsTab } from '../tab/TabsTab';
import type { ZestUIComponentProps } from '../../types';
/**
 * A panel displayed when the corresponding tab is active.
 * Renders a `<View>`.
 */
export declare function TabsPanel(componentProps: TabsPanel.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
export interface TabsPanelState {
    /**
     * Whether the panel is currently hidden.
     */
    hidden: boolean;
    /**
     * The component orientation.
     */
    orientation: TabsRoot.Orientation;
    /**
     * The direction used for tab activation.
     */
    tabActivationDirection: TabsTab.ActivationDirection;
    /**
     * The transition status of the component.
     */
    transitionStatus: TransitionStatus;
}
export interface TabsPanelProps extends Omit<ZestUIComponentProps<typeof View, TabsPanelState>, 'value'> {
    /**
     * The value of the Panel, which associates it with the Tab of the same value.
     */
    value: TabsTab.Value;
    /**
     * Whether to keep the element rendered while the panel is not selected.
     *
     * Required to animate the panel out: React Native cannot report when a
     * closing animation has finished, so an unmounted panel disappears at once.
     * @default false
     */
    keepMounted?: boolean | undefined;
}
export declare namespace TabsPanel {
    type State = TabsPanelState;
    type Props = TabsPanelProps;
}
//# sourceMappingURL=TabsPanel.d.ts.map