import React from 'react';
import {
  type GestureResponderEvent,
  type PressableProps,
  type StyleProp,
  type View,
  type ViewStyle,
} from 'react-native';
import type { TabValue } from '@coinbase/cds-common/tabs/useTabs';
import type { SharedAccessibilityProps } from '@coinbase/cds-common/types/SharedAccessibilityProps';
import { type DotCountBaseProps } from '../dots/DotCount';
import type { TabComponentProps } from './Tabs';
/** Optional dot count and a11y overrides for the default tab row. */
export type DefaultTabLabelProps = Partial<Pick<DotCountBaseProps, 'count' | 'max'>> &
  Pick<SharedAccessibilityProps, 'accessibilityLabel'>;
export type DefaultTabProps<TabId extends string = string> = Omit<
  PressableProps,
  'children' | 'onPress' | 'style' | 'color'
> &
  TabComponentProps<TabId, TabValue<TabId> & DefaultTabLabelProps> & {
    /** Callback that is fired when the tab is pressed, after the active tab updates. */
    onPress?: (id: TabId, event: GestureResponderEvent) => void;
    style?: StyleProp<ViewStyle>;
  };
type DefaultTabComponent = <TabId extends string = string>(
  props: DefaultTabProps<TabId> & {
    ref?: React.ForwardedRef<View>;
  },
) => React.ReactElement;
declare const DefaultTabComponent: React.MemoExoticComponent<
  <TabId extends string>({
    ref,
    id,
    label,
    disabled: disabledProp,
    onPress,
    count,
    max,
    accessibilityLabel,
    style,
    testID,
    color,
    activeColor,
    ...props
  }: DefaultTabProps<TabId> & {
    ref?: React.Ref<View>;
  }) => import('react/jsx-runtime').JSX.Element
>;
export declare const DefaultTab: DefaultTabComponent;
export {};
//# sourceMappingURL=DefaultTab.d.ts.map