import { EventEmitter } from '@angular/core';
import type { SectionBgColor } from '../../dashboard-builder/models';
import * as i0 from "@angular/core";
interface SectionColorOption {
    id: SectionBgColor;
    label: string;
    swatch: string;
}
/**
 * Section header widget — a full-width visual divider that groups related widgets.
 * In edit mode: supports inline title editing, a 5-color BG palette, and delete.
 * Width is controlled via GridStack drag-resize.
 */
export declare class WidgetSectionHeaderComponent {
    title: string;
    viewMode: 'view' | 'edit';
    bgColor: SectionBgColor;
    titleChange: EventEmitter<string>;
    bgColorChange: EventEmitter<SectionBgColor>;
    deleteEvent: EventEmitter<void>;
    readonly colors: SectionColorOption[];
    get bgClasses(): string;
    onTitleBlur(event: FocusEvent): void;
    onTitleEscape(event: Event): void;
    onColorSelect(color: SectionBgColor): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<WidgetSectionHeaderComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetSectionHeaderComponent, "ui-widget-section-header", never, { "title": { "alias": "title"; "required": true; }; "viewMode": { "alias": "viewMode"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; }, { "titleChange": "titleChange"; "bgColorChange": "bgColorChange"; "deleteEvent": "deleteEvent"; }, never, never, true, never>;
}
export {};