import Animated from 'react-native-reanimated'; import type { ScrollViewRef, ViewRef } from '../../helpers/internal/types/index.js'; import * as TabsPrimitives from '../../primitives/tabs/index.js'; import { useTabsMeasurements } from './tabs.context.js'; import type { TabsContentProps, TabsIndicatorProps, TabsLabelProps, TabsListProps, TabsProps, TabsScrollViewProps, TabsSeparatorProps, TabsTriggerProps } from './tabs.types.js'; declare const useTabs: typeof TabsPrimitives.useRootContext; declare const useTabsTrigger: typeof TabsPrimitives.useTriggerContext; /** * Compound Tabs component with sub-components * * @component Tabs - Main container for the tabs system * * @component Tabs.List - Container for tab triggers * * @component Tabs.ListBackground - Absolute-fill background container behind the * primary variant's list surface. With no children, the active library theme * decides the default content (e.g. a glass blur layer) * * @component Tabs.ScrollView - Scrollable wrapper for tab triggers * * @component Tabs.Trigger - Individual tab button * * @component Tabs.Label - Label text for tab triggers * * @component Tabs.Indicator - Visual indicator for active tab * * @component Tabs.Separator - Visual separator between tabs * * @component Tabs.Content - Content panel for each tab * * Props flow from Tabs to sub-components via context. * * @see Full documentation: https://heroui.com/docs/native/components/tabs */ declare const Tabs: import("react").ForwardRefExoticComponent> & { /** Container for tab triggers */ List: import("react").ForwardRefExoticComponent>; /** List background - absolute-fill container behind the list surface */ ListBackground: import("react").ForwardRefExoticComponent>; /** Scrollable wrapper for tab triggers */ ScrollView: import("react").ForwardRefExoticComponent>; /** Individual tab button */ Trigger: import("react").ForwardRefExoticComponent>; /** Label text for tab triggers */ Label: import("react").ForwardRefExoticComponent>; /** Visual indicator for active tab */ Indicator: import("react").ForwardRefExoticComponent>; /** Visual separator between tabs */ Separator: import("react").ForwardRefExoticComponent>; /** Content panel for each tab */ Content: import("react").ForwardRefExoticComponent>; }; export { useTabs, useTabsMeasurements, useTabsTrigger }; export default Tabs; //# sourceMappingURL=tabs.d.ts.map