import { DocsSectionMetadata } from './types';
import * as i0 from "@angular/core";
/**
 * val-docs-section
 *
 * A semantic section wrapper for documentation pages.
 * Automatically creates headings with IDs for TOC linking.
 *
 * @example Basic usage
 * ```html
 * <val-docs-section [props]="{ id: 'installation', title: 'Installation' }">
 *   <p>Install the package using npm...</p>
 *   <val-docs-code-example [props]="codeExample"></val-docs-code-example>
 * </val-docs-section>
 * ```
 *
 * @example With level 3 heading
 * ```html
 * <val-docs-section [props]="{ id: 'npm', title: 'Using npm', level: 3 }">
 *   <val-docs-code-example [props]="npmExample"></val-docs-code-example>
 * </val-docs-section>
 * ```
 */
export declare class DocsSectionComponent {
    props: DocsSectionMetadata;
    get level(): 2 | 3;
    static ɵfac: i0.ɵɵFactoryDeclaration<DocsSectionComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DocsSectionComponent, "val-docs-section", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, ["*"], true, never>;
}