import { ActionHeaderMetadata } from './types';
import * as i0 from "@angular/core";
/**
 * `val-action-header` — heading with a right-aligned action button.
 *
 * By default renders the heading via `val-display` (hero size). Set
 * `headingKind: 'title'` to render via `val-title` (section size) so it
 * matches `val-title` section labels elsewhere on the same screen.
 *
 * @example Section heading (matches `val-title size='medium'` on the page):
 * <val-action-header [props]="{
 *   headingKind: 'title',
 *   title: { size: 'medium', color: 'dark', bold: true, content: 'Active sessions' },
 *   action: { text: 'Sign out all', color: 'dark', fill: 'outline', size: 'small', ... },
 * }"></val-action-header>
 *
 * @example Page hero (default):
 * <val-action-header [props]="{
 *   title: { size: 'large', color: 'dark', content: 'Settings' },
 *   action: { ... },
 * }"></val-action-header>
 */
export declare class ActionHeaderComponent {
    props: ActionHeaderMetadata;
    static ɵfac: i0.ɵɵFactoryDeclaration<ActionHeaderComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ActionHeaderComponent, "val-action-header", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
}