import { QdPageControlPanelConfig } from '../model/page-control-panel-config.interface';
import * as i0 from "@angular/core";
/**
 * The **QdPageControlPanel** is used to display information and functions relevant to a specific business case, which is related to a specific Object Model.
 *
 * @note Both a **QdPanelSection** and a **QdSection** can be embedded within the **QdPageControlPanel**.
 *
 * ####**Usage**
 *
 * ```ts
 *  controlPanelConfig: QdPageControlPanelConfig = {
 *     title: { i18n: 'i18n.my.title' },
 *     ...
 *   };
 * ```
 * ```html
 * <!-- with panel section -->
 * <qd-page>
 *   ...
 *    <qd-page-control-panel [config]="controlPanelConfig">
 *      <qd-panel-section [config]="{ title: { i18n: 'my headline' }}">
 *        <qd-panel-section-text-paragraph [config]="{ title: { i18n: 'my paragraph headline' }}">
 *          my paragraph
 *        </qd-panel-section-text-paragraph>
 *      </qd-panel-section>
 *    </qd-page-control-panel>
 *  </qd-page>
 * ```
 *
 * ```html
 * <!-- with section -->
 * <qd-page>
 *   ...
 *    <qd-page-control-panel [config]="controlPanelConfig">
 *      <qd-section [config]="sectionConfig">
 *        my section content
 *      </qd-section>
 *    </qd-page-control-panel>
 *  </qd-page>
 * ```
 */
export declare class QdPageControlPanelComponent {
    config: QdPageControlPanelConfig;
    static ɵfac: i0.ɵɵFactoryDeclaration<QdPageControlPanelComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<QdPageControlPanelComponent, "qd-page-control-panel", never, { "config": { "alias": "config"; "required": true; }; }, {}, never, ["qd-text-section", "qd-panel-section", "qd-section"], false, never>;
}
//# sourceMappingURL=page-control-panel.component.d.ts.map