import React from 'react';
import {
  type GestureResponderEvent,
  type StyleProp,
  type View,
  type ViewStyle,
} from 'react-native';
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
import { type TabValue } from '@coinbase/cds-common/tabs/useTabs';
import { type PressableBaseProps, type PressableProps } from '../system/Pressable';
import { type TextBaseProps } from '../typography/Text';
export type SegmentedTabBaseProps<TabId extends string = string> = TabValue<TabId> &
  Pick<TextBaseProps, 'font' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'lineHeight'> &
  Omit<PressableBaseProps, 'children' | 'disabled' | 'onPress' | 'style'> & {
    /**
     * Text color when active.
     * @default fgInverse
     */
    activeColor?: ThemeVars.Color;
    /**
     * Text color when inactive.
     * @default fg
     */
    color?: ThemeVars.Color;
  };
export type SegmentedTabProps<TabId extends string = string> = SegmentedTabBaseProps<TabId> &
  Omit<PressableProps, 'children' | 'disabled' | 'onPress' | 'style'> & {
    /** Callback that is fired when the SegmentedTab is pressed. */
    onPress?: (id: TabId, event: GestureResponderEvent) => void;
    style?: StyleProp<ViewStyle>;
  };
type SegmentedTabFC = <TabId extends string = string>(
  props: SegmentedTabProps<TabId> & {
    ref?: React.ForwardedRef<View>;
  },
) => React.ReactElement;
export declare const SegmentedTab: SegmentedTabFC;
export {};
//# sourceMappingURL=SegmentedTab.d.ts.map