import { EventEmitter } from '@angular/core';
import { DetailSidePanelTab } from './detail-side-panel.models';
import * as i0 from "@angular/core";
export type { DetailSidePanelTab, DetailSidePanelMetadataItem, DetailSidePanelConfigSection } from './detail-side-panel.models';
export declare class DetailSidePanelComponent {
    /** Tabs - each tab has a side panel icon button; tabs and buttons are 1:1. Host defines tabs and content. */
    tabs: DetailSidePanelTab[];
    /** Currently active tab value */
    activeTab: string;
    /** Whether to show the close button in the side menu */
    showCloseButton: boolean;
    /** Whether the panel is expanded (affects expand button icon and panel width) */
    expanded: boolean;
    /** Panel width when expanded (e.g. '480px', '25%') */
    expandedWidth: string;
    /** Panel width when collapsed (e.g. '56px' - fits icon bar + back button) */
    collapsedWidth: string;
    get hostWidth(): string;
    get hostMinWidth(): string;
    get hostMaxWidth(): string;
    hostOverflow: string;
    /** Tooltip for expand button when panel is collapsed */
    expandTooltip: string;
    /** Tooltip for expand button when panel is expanded (collapse) */
    collapseTooltip: string;
    /** Tooltip for close button */
    closeTooltip: string;
    back: EventEmitter<void>;
    tabChange: EventEmitter<string>;
    expandToggle: EventEmitter<void>;
    close: EventEmitter<void>;
    trackByTabValue(_i: number, tab: DetailSidePanelTab): string;
    onBack(): void;
    onTabClick(tab: DetailSidePanelTab): void;
    onExpandToggle(): void;
    onClose(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<DetailSidePanelComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DetailSidePanelComponent, "cqa-detail-side-panel", never, { "tabs": "tabs"; "activeTab": "activeTab"; "showCloseButton": "showCloseButton"; "expanded": "expanded"; "expandedWidth": "expandedWidth"; "collapsedWidth": "collapsedWidth"; "expandTooltip": "expandTooltip"; "collapseTooltip": "collapseTooltip"; "closeTooltip": "closeTooltip"; }, { "back": "back"; "tabChange": "tabChange"; "expandToggle": "expandToggle"; "close": "close"; }, never, ["*"]>;
}