import React from 'react';
import { type TabsBaseProps, type TabsProps } from './Tabs';
export type SegmentedTabsBaseProps<TabId extends string = string> = Partial<
  Pick<TabsBaseProps<TabId>, 'TabComponent' | 'TabsActiveIndicatorComponent'>
> &
  Omit<
    TabsBaseProps<TabId>,
    'TabComponent' | 'TabsActiveIndicatorComponent' | 'styles' | 'classNames'
  >;
export type SegmentedTabsProps<TabId extends string = string> = SegmentedTabsBaseProps<TabId> &
  Partial<Pick<TabsProps<TabId>, 'TabComponent' | 'TabsActiveIndicatorComponent'>> &
  Omit<
    TabsProps<TabId>,
    'TabComponent' | 'TabsActiveIndicatorComponent' | 'styles' | 'classNames'
  > & {
    /** Custom styles for individual elements of the SegmentedTabs component */
    styles?: {
      /** Root element */
      root?: React.CSSProperties;
      /** Tab element */
      tab?: React.CSSProperties;
      /** Active indicator element */
      activeIndicator?: React.CSSProperties;
    };
    /** Custom class names for individual elements of the SegmentedTabs component */
    classNames?: {
      /** Root element */
      root?: string;
      /** Tab element */
      tab?: string;
      /** Active indicator element */
      activeIndicator?: string;
    };
  };
type SegmentedTabsFC = <TabId extends string>(
  props: SegmentedTabsProps<TabId> & {
    ref?: React.ForwardedRef<HTMLElement>;
  },
) => React.ReactElement;
export declare const SegmentedTabs: SegmentedTabsFC;
export {};
//# sourceMappingURL=SegmentedTabs.d.ts.map