import { EventEmitter } from '@angular/core';
import { PageTemplateMetadata } from './types';
import * as i0 from "@angular/core";
/**
 * val-page-template
 *
 * A page template component with title, expandable description,
 * content projection, and optional back navigation button.
 *
 * @example
 * <val-page-template
 *   [props]="{
 *     pageTitle: 'Getting Started',
 *     pageDescription: 'Learn how to use our components...',
 *     showBackButton: true
 *   }"
 * >
 *   <div extra-description>
 *     <p>Additional info here</p>
 *   </div>
 *
 *   <!-- Main content -->
 *   <my-content></my-content>
 *
 *   <div extra-footer>
 *     <p>Footer content</p>
 *   </div>
 * </val-page-template>
 *
 * @input props - Page template configuration
 * @output onBack - Emits when back button is clicked
 */
export declare class PageTemplateComponent {
    private nav;
    private i18n;
    /**
     * Page template configuration.
     */
    props: PageTemplateMetadata;
    /**
     * Emits when the back button is clicked.
     */
    onBack: EventEmitter<void>;
    /**
     * Back button text - reactive to language changes.
     */
    backButtonText: import("@angular/core").Signal<string>;
    /**
     * Handles back navigation.
     */
    handleBack(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<PageTemplateComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<PageTemplateComponent, "val-page-template", never, { "props": { "alias": "props"; "required": false; }; }, { "onBack": "onBack"; }, never, ["[extra-description]", "*", "[extra-footer]"], true, never>;
}