import React from 'react';
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
import { type TabValue } from '@coinbase/cds-common/tabs/useTabs';
import { type PressableBaseProps } from '../system/Pressable';
export type SegmentedTabBaseProps<TabId extends string = string> = PressableBaseProps &
  TabValue<TabId> & {
    /**
     * Text color when the SegmentedTab is active.
     * @default negativeForeground
     */
    activeColor?: ThemeVars.Color;
    /**
     * Text color when the SegmentedTab is inactive.
     * @default foreground
     */
    color?: ThemeVars.Color;
  };
export type SegmentedTabProps<TabId extends string = string> = SegmentedTabBaseProps<TabId> & {
  /** Callback that is fired when the SegmentedTab is clicked. */
  onClick?: (id: TabId, event: React.MouseEvent) => void;
};
type SegmentedTabComponent = <TabId extends string = string>(
  props: SegmentedTabProps<TabId> & {
    ref?: React.ForwardedRef<HTMLButtonElement>;
  },
) => React.ReactElement;
declare const SegmentedTabComponent: React.MemoExoticComponent<
  React.ForwardRefExoticComponent<
    import('@coinbase/cds-common').ComponentEventHandlerProps & {
      noScaleOnPress?: boolean;
      focusable?: boolean;
    } & Omit<
        import('../system').InteractableBaseProps,
        | 'focusable'
        | keyof import('@coinbase/cds-common').ComponentEventHandlerProps
        | 'noScaleOnPress'
      > &
      TabValue<string> & {
        /**
         * Text color when the SegmentedTab is active.
         * @default negativeForeground
         */
        activeColor?: ThemeVars.Color;
        /**
         * Text color when the SegmentedTab is inactive.
         * @default foreground
         */
        color?: ThemeVars.Color;
      } & {
        /** Callback that is fired when the SegmentedTab is clicked. */
        onClick?: ((id: string, event: React.MouseEvent) => void) | undefined;
      } & React.RefAttributes<HTMLButtonElement>
  >
>;
export declare const SegmentedTab: SegmentedTabComponent;
export {};
//# sourceMappingURL=SegmentedTab.d.ts.map