/**
 * TerminalSessionTabs Component.
 *
 * Ghostty-inspired session tab bar with status indicators,
 * glassmorphic active state, and smooth animations.
 * Fully composable via StyleSlots.
 *
 * @module @mks2508/mks-ui/react/blocks/Terminal/panel/TerminalSessionTabs
 */
import type { ITerminalSessionTabsProps } from './TerminalSessionTabs.types';
export type { ITerminalSessionTabsProps, IContainerOption } from './TerminalSessionTabs.types';
export { terminalSessionTabsStyles } from './TerminalSessionTabs.styles';
export type { TerminalSessionTabsSlot } from './TerminalSessionTabs.styles';
/**
 * TerminalSessionTabs Component.
 *
 * Displays horizontal tab bar with:
 * - Session name tabs with glassmorphic active state
 * - Status indicator dots (connected/connecting/error)
 * - Close button with hover reveal
 * - New session "+" button with dropdown to select containers
 * - Smooth slide animation on tab switch
 *
 * All visual regions are overridable via the `slots` prop.
 *
 * @example
 * ```tsx
 * <TerminalSessionTabs
 *   sessions={sessions}
 *   activeSessionId="session-1"
 *   onTabClick={(id) => setActiveSession(id)}
 *   onClose={(id) => closeSession(id)}
 *   availableContainers={containers}
 *   onAddContainer={(name) => addContainerTab(name)}
 *   onNewSession={() => refreshContainers()}
 * />
 * ```
 */
export declare function TerminalSessionTabs({ sessions, activeSessionId, onTabClick, onClose, onNewSession, availableContainers, onAddContainer, slots, className, }: ITerminalSessionTabsProps): import("react/jsx-runtime").JSX.Element | null;
//# sourceMappingURL=index.d.ts.map