import { ElementRef, OnInit, Renderer2 } from '@angular/core';
import * as i0 from "@angular/core";
/**
 * **QdSectionAdapterDirective** lets developers easily add custom components to the QLS layout. This keeps the design and behavior consistent across the UI.
 *
 * #### **Features**
 *
 * - **More Flexible Component Adaptation** → Allows use of custom components within the QLS layout.
 * - **Section Integration** → Custom components adopt the structure and styling of a `qd-section`.
 * - **Content Validation with Feedback** → Unsupported child components are reported to developers.
 * - **Reactive Forms Support** → Can be used together with Angular Reactive Forms.
 *
 * #### **When to Use?**
 *
 * Use this directive when:
 *
 * - You want to **create a custom component** that contains its own **QdSection** elements.
 * - You want to **keep the code modular and maintainable** by separating concerns.
 *
 * #### **Limitation**
 *
 * - **QdSection** and **QdSectionAdapter** cannot coexist in one component due to rendering order constraints.
 * - **Only `<qd-section>` is allowed** inside components using `qdSectionAdapter`. All other child elements are not supported and cannot be displayed.
 *
 * #### **Usage in a QdPage**
 *
 * ```html
 * <!-- Custom component inside a QdPage -->
 * <qd-page [config]="pageConfig">
 *   <my-custom-component qdSectionAdapter></my-custom-component>
 * </qd-page>
 *
 * <!-- Inside a custom component -->
 * <qd-section [config]="sectionConfig">
 *   <!-- Section content -->
 * </qd-section>
 * ```
 */
export declare class QdSectionAdapterDirective implements OnInit {
    private elementRef;
    private renderer;
    constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
    ngOnInit(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<QdSectionAdapterDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<QdSectionAdapterDirective, "[qdSectionAdapter]", never, {}, {}, never, never, false, never>;
}
//# sourceMappingURL=section-adapter.directive.d.ts.map