import React from 'react';
import type { SharedProps } from '@coinbase/cds-common/types';
import { type TextProps } from '../typography/Text';
import type { TabIndicatorProps } from './TabIndicator';
import type { TabProps } from './TabNavigation';
export type TabLabelBaseProps = SharedProps &
  Pick<TabProps, 'variant' | 'count' | 'accessibilityLabel' | 'max' | 'Component'> & {
    /** Identify the active tab */
    active?: boolean;
    /** Display title to render as the TabLabel. */
    children: React.ReactNode;
    /** Callback to fire when pressed */
    onPress?: () => void;
  };
export type TabLabelProps = TabLabelBaseProps &
  TextProps<'h2'> & {
    onLayout?: (key: string, props: TabIndicatorProps) => void;
  };
export declare const TabLabel: React.MemoExoticComponent<
  ({
    id,
    active,
    variant,
    count,
    max,
    onLayout,
    Component,
    ...props
  }: TabLabelProps) => import('react/jsx-runtime').JSX.Element
>;
//# sourceMappingURL=TabLabel.d.ts.map