import * as React from 'react'; import { Pressable } from 'react-native'; import type { CompositeItemLayout } from '../../internals/composite/list/CompositeListContext'; import type { TabsRootState } from '../root/TabsRoot'; import type { ZestUIComponentProps } from '../../types'; /** * An individual interactive tab button that toggles the corresponding panel. * Renders a ``. */ export declare function TabsTab(componentProps: TabsTab.Props): React.ReactElement>; export type TabsTabValue = any | null; export type TabsTabActivationDirection = 'left' | 'right' | 'up' | 'down' | 'none'; export interface TabsTabPosition { left: number; right: number; top: number; bottom: number; } export interface TabsTabSize { width: number; height: number; } export interface TabsTabMetadata { disabled: boolean; id: string | undefined; value: TabsTab.Value | undefined; /** Filled in by `CompositeList` from the tab's `onLayout`. */ layout?: CompositeItemLayout | undefined; } export interface TabsTabState extends TabsRootState { /** * Whether the component should ignore user interaction. */ disabled: boolean; /** * Whether the component is active. */ active: boolean; /** * Whether the tab is currently pressed. */ pressed: boolean; } export interface TabsTabProps extends Omit, 'value' | 'onPress'> { /** * The value of the Tab. */ value: TabsTab.Value; /** * Whether the Tab is disabled. * * If the first Tab in a `` is disabled, it won't initially be * selected; the next enabled Tab will be. * @default false */ disabled?: boolean | undefined; } export declare namespace TabsTab { type Value = TabsTabValue; type ActivationDirection = TabsTabActivationDirection; type Position = TabsTabPosition; type Size = TabsTabSize; type Metadata = TabsTabMetadata; type State = TabsTabState; type Props = TabsTabProps; } //# sourceMappingURL=TabsTab.d.ts.map