import { ReactNode, RefObject } from 'react';
import { TooltipProps } from '@synerise/ds-tooltip';
export type TabsProps = {
    activeTab: number;
    tabs: TabItem[];
    handleTabClick: (index: number) => void;
    configuration?: Configuration;
    underscore?: boolean;
    block?: boolean;
    /**
     * Top padding (in px) above the tab group. Defaults to 8.
     * Hosts that need a tighter header (e.g. ds-page-header) use a smaller value.
     */
    topPadding?: number;
    visible?: boolean;
};
export type Configuration = {
    action: () => void;
    label: string;
    disabled?: boolean;
};
export type TabItem = {
    tooltip?: ReactNode;
    tooltipProps?: TooltipProps;
    label?: ReactNode;
    icon?: ReactNode;
    disabled?: boolean;
    suffixel?: ReactNode;
};
export type TabWithRef = TabItem & {
    ref: RefObject<HTMLButtonElement>;
};