import { BadgeProps } from '../Badge/Badge'; import { TooltipProps } from '../Tooltip/Tooltip'; import { IconComponent } from '../../Icons'; export interface TabProps { id: string | number; isSelected?: boolean; label?: string; /** @deprecated Use `label` instead */ title?: string; icon?: IconComponent; badge?: number | string | IconComponent; badgeProps?: OverridableBadgeProps; tooltipText?: string; /** @deprecated Use `tooltipText` instead */ iconTooltipTitle?: string; tooltipProps?: OverridableTooltipProps; /** @deprecated Use `tooltipProps` instead */ iconTooltipProps?: OverridableTooltipProps; disabled?: boolean; onTabClick?: (id: string | number) => void; className?: string; orientation?: 'horizontal' | 'vertical'; /** Native browser tooltip on the button element. Use `tooltipText` for a styled tooltip instead. */ htmlTitle?: string; /** @deprecated Use `htmlTitle` instead */ description?: string; /** @deprecated Has no effect */ iconPosition?: "left" | "right" | "top"; /** @deprecated Has no effect */ onIconClick?: () => void; /** @deprecated Has no effect */ onIconHover?: () => void; /** @deprecated Has no effect */ iconSize?: number; tabIndex?: number; } export type OverridableBadgeProps = Pick; export type OverridableTooltipProps = Pick; export declare const Tab: import('react').MemoExoticComponent<({ id, isSelected, label: labelProp, title, htmlTitle, description, badge, badgeProps, tooltipText, iconTooltipTitle, tooltipProps, iconTooltipProps, icon, disabled, onTabClick, className, orientation, tabIndex }: TabProps) => import("react/jsx-runtime").JSX.Element | null>; /** @deprecated Use `Tab` instead */ export declare const TabLinkItem: import('react').MemoExoticComponent<({ id, isSelected, label: labelProp, title, htmlTitle, description, badge, badgeProps, tooltipText, iconTooltipTitle, tooltipProps, iconTooltipProps, icon, disabled, onTabClick, className, orientation, tabIndex }: TabProps) => import("react/jsx-runtime").JSX.Element | null>;