import * as _angular_core from '@angular/core';
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
import _Panel from '@ui5/webcomponents/dist/Panel.js';
import { UI5CustomEvent } from '@ui5/webcomponents-base';

declare class Panel implements AfterViewInit {
    /**
     * This property is used to set the header text of the component.
  The text is visible in both expanded and collapsed states.
  
  **Note:** This property is overridden by the `header` slot.
     */
    headerText: _angular_core.InputSignal<string | undefined>;
    /**
     * Determines whether the component is in a fixed state that is not
  expandable/collapsible by user interaction.
     */
    fixed: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Indicates whether the component is collapsed and only the header is displayed.
     */
    collapsed: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Indicates whether the transition between the expanded and the collapsed state of the component is animated. By default the animation is enabled.
     */
    noAnimation: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Sets the accessible ARIA role of the component.
  Depending on the usage, you can change the role from the default `Form`
  to `Region` or `Complementary`.
     */
    accessibleRole: _angular_core.InputSignal<"Complementary" | "Form" | "Region" | undefined>;
    /**
     * Defines the "aria-level" of component heading,
  set by the `headerText`.
     */
    headerLevel: _angular_core.InputSignal<"H1" | "H2" | "H3" | "H4" | "H5" | "H6" | undefined>;
    /**
     * Defines the accessible ARIA name of the component.
     */
    accessibleName: _angular_core.InputSignal<string | undefined>;
    /**
     * Indicates whether the Panel header is sticky or not.
  If stickyHeader is set to true, then whenever you scroll the content or
  the application, the header of the panel will be always visible and
  a solid color will be used for its design.
     */
    stickyHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Fired when the component is expanded/collapsed by user interaction.
     */
    ui5Toggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_Panel, "toggle">>;
    /**
     * Available slots for content projection in this component.
     *
     * Slots allow you to insert custom content into predefined areas of the web component.
     * Use the `slot` attribute on child elements to target specific slots.
     *
     * - **(default)**: Defines the content of the component. The content is visible only when the component is expanded.
     * - **header**: Defines the component header area.
  
  **Note:** When a header is provided, the `headerText` property is ignored.
     *
     * @example
     * ```html
     * <ui5-panel>
     *   <div slot="header">Custom header content</div>
     *   <p>Default slot content</p>
     * </ui5-panel>
     * ```
     *
     * @readonly
     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
     */
    readonly slots: {
        name: string;
        description: string;
    }[];
    elementRef: ElementRef<_Panel>;
    injector: Injector;
    get element(): _Panel;
    ngAfterViewInit(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Panel, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Panel, "ui5-panel, [ui5-panel]", ["ui5Panel"], { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "fixed": { "alias": "fixed"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "noAnimation": { "alias": "noAnimation"; "required": false; "isSignal": true; }; "accessibleRole": { "alias": "accessibleRole"; "required": false; "isSignal": true; }; "headerLevel": { "alias": "headerLevel"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; }, { "ui5Toggle": "ui5Toggle"; }, never, ["*"], true, never>;
}

export { Panel };
