import React from 'react';
export type TabOption = {
    id: string;
    label: string;
};
type TabBarFragmentProps = {
    tabs: TabOption[];
    activeTab: string;
    onTabChange: (tabId: string) => void;
    ariaLabel?: string;
    className?: string;
    tabClassName?: string;
    activeTabClassName?: string;
};
/**
 * TabBarFragment
 *
 * Shared tablist behavior for blocks. Styling is delegated to passed classNames,
 * so blocks can keep their own look (e.g. customer portal pills vs. event underline tabs).
 *
 * Includes basic keyboard navigation (ArrowLeft/Right, Home/End) and focuses the next tab.
 */
export declare function TabBarFragment({ tabs, activeTab, onTabChange, ariaLabel, className, tabClassName, activeTabClassName, }: TabBarFragmentProps): React.ReactNode;
export {};
