import * as i0 from '@angular/core';
import { EventEmitter } from '@angular/core';
import * as i1 from '@eui/components/shared';
import { BaseStatesDirective } from '@eui/components/shared';
/**
* @description
* Action container for EuiSectionHeader that holds interactive elements like buttons or links.
*
* @usageNotes
* ```html
*
*
*
* ```
*/
declare class EuiSectionHeaderActionComponent {
/** CSS class applied to the host element */
string: string;
static ɵfac: i0.ɵɵFactoryDeclaration;
static ɵcmp: i0.ɵɵComponentDeclaration;
}
/**
* @description
* Description container for EuiSectionHeader that displays supplementary text below the title.
*
* @usageNotes
* ```html
* Additional context or instructions
* ```
*/
declare class EuiSectionHeaderDescriptionComponent {
/** CSS class applied to the host element */
string: string;
static ɵfac: i0.ɵɵFactoryDeclaration;
static ɵcmp: i0.ɵɵComponentDeclaration;
}
/**
* @description
* Icon container for EuiSectionHeader that displays an icon before the title.
*
* @usageNotes
* ```html
*
* ```
*/
declare class EuiSectionHeaderIconComponent {
/** CSS class applied to the host element */
string: string;
icon: string;
static ɵfac: i0.ɵɵFactoryDeclaration;
static ɵcmp: i0.ɵɵComponentDeclaration;
}
/**
* @description
* Title container for EuiSectionHeader that displays the main heading text.
*
* @usageNotes
* ```html
* Section Title
* ```
*/
declare class EuiSectionHeaderTitleComponent {
/** CSS class applied to the host element */
string: string;
static ɵfac: i0.ɵɵFactoryDeclaration;
static ɵcmp: i0.ɵɵComponentDeclaration;
}
/**
* @description
* Section header component that provides a grouped container with optional expand/collapse functionality
* and customizable label content. Used to organize and separate content sections with clear visual hierarchy.
*
* @usageNotes
* ### Basic usage
* ```html
*
* Section Title
* Description text
*
* ```
*
* ### With icon and action
* ```html
*
*
* Settings
*
*
*
*
* ```
*
* ### Expandable section
* ```html
*
* Advanced Options
*
* ```
*
* ### Accessibility
* - Expandable sections use proper ARIA attributes for disclosure widgets
* - Keyboard accessible expand/collapse with Enter and Space
* - Clear visual indicators for expanded/collapsed state
* - Action buttons maintain their own accessibility requirements
*
* ### Notes
* - Use `isFirst` to remove top border for the first section in a group
* - Supports color variants via `euiVariant` (primary, secondary, success, etc.)
* - `euiHighlighted` adds visual emphasis to important sections
* - Combine with content containers for complete section structure
*/
declare class EuiSectionHeaderComponent {
/** CSS classes applied to the host element */
get cssClasses(): string;
/** Element attribute for e2e testing */
e2eAttr: string;
/** Unique identifier for the fieldset */
id: string;
/** Whether the fieldset can be expanded/collapsed */
isExpandable: boolean;
/** Whether the fieldset is currently expanded */
isExpanded: boolean;
/** Whether this is the first fieldset in a group */
isFirst: boolean;
/** Event emitted when the fieldset is expanded or collapsed */
expand: EventEmitter;
/** Label for expand button accessibility */
expandMenuLabel: string;
/** Label for collapse button accessibility */
collapseMenuLabel: string;
protected baseStatesDirective: BaseStatesDirective;
/**
* Handles expand/collapse toggle events
* Emits the fieldset ID when toggled
*/
onToggle(): void;
static ɵfac: i0.ɵɵFactoryDeclaration;
static ɵcmp: i0.ɵɵComponentDeclaration;
static ngAcceptInputType_isExpandable: unknown;
static ngAcceptInputType_isExpanded: unknown;
static ngAcceptInputType_isFirst: unknown;
}
declare const EUI_SECTION_HEADER: readonly [typeof EuiSectionHeaderComponent, typeof EuiSectionHeaderTitleComponent, typeof EuiSectionHeaderIconComponent, typeof EuiSectionHeaderActionComponent, typeof EuiSectionHeaderDescriptionComponent];
export { EUI_SECTION_HEADER, EuiSectionHeaderActionComponent, EuiSectionHeaderComponent, EuiSectionHeaderDescriptionComponent, EuiSectionHeaderIconComponent, EuiSectionHeaderTitleComponent };
//# sourceMappingURL=eui-components-eui-section-header.d.ts.map