import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
import PageBackgroundDesign from "./types/PageBackgroundDesign.js";
/**
 * @class
 *
 * <h3 class="comment-api-title">Overview</h3>
 *
 * The <code>ui5-page</code> is a container component that holds one whole screen of an application.
 * The page has three distinct areas that can hold content - a header, content area and a footer.
 * <h3>Structure</h3>
 * <h4>Header</h4>
 * The top most area of the page is occupied by the header. The standard header includes a navigation button and a title.
 * <h4>Content</h4>
 * The content occupies the main part of the page. Only the content area is scrollable by default.
 * This can be prevented by setting  <code>enableScrolling</code> to <code>false</code>.
 * <h4>Footer</h4>
 * The footer is optional and occupies the fixed bottom part of the page. Alternatively, the footer can be floating above the bottom part of the content.
 * This is enabled with the <code>floatingFooter</code> property.
 *
 * <b>Note:</b> <code>ui5-page</code> occipues the whole available space of its parent. In order to achieve the intended design you have to make sure
 * that there is enough space for the <code>ui5-page</code> to be rendered.
 * <b>Note:</b> In order for the <code>ui5-page</code> to be displayed, the parent element should have fixed height.
 *
 *
 * <h3>ES6 Module Import</h3>
 *
 * <code>import "@ui5/webcomponents-fiori/dist/Page.js";</code>
 *
 * @constructor
 * @author SAP SE
 * @alias sap.ui.webc.fiori.Page
 * @extends sap.ui.webc.base.UI5Element
 * @tagname ui5-page
 * @since 1.0.0-rc.12
 * @public
 */
declare class Page extends UI5Element {
    /**
     * Defines the background color of the <code>ui5-page</code>.
     * <br><br>
     * <b>Note:</b> When a ui5-list is placed inside the page, we recommend using “List” to ensure better color contrast.
     * <br><br>
     * Available options are:
     * <ul>
     * <li><code>Solid</code></li> (default)
     * <li><code>Transparent</code></li>
     * <li><code>List</code></li>
     * </ul>
     * @type {sap.ui.webc.fiori.types.PageBackgroundDesign}
     * @name sap.ui.webc.fiori.Page.prototype.backgroundDesign
     * @defaultvalue "Solid"
     * @public
     */
    backgroundDesign: `${PageBackgroundDesign}`;
    /**
     * Disables vertical scrolling of page content.
     * If set to true, there will be no vertical scrolling at all.
     *
     * @type {boolean}
     * @name sap.ui.webc.fiori.Page.prototype.disableScrolling
     * @defaultvalue false
     * @public
     */
    disableScrolling: boolean;
    /**
     * Defines if the footer should float over the content.
     * <br><br>
     * <b>Note:</b> When set to true the footer floats over the content with a slight offset from the bottom, otherwise it is fixed at the very bottom of the page.
     * @type {boolean}
     * @name sap.ui.webc.fiori.Page.prototype.floatingFooter
     * @defaultvalue true
     * @public
     */
    floatingFooter: boolean;
    /**
     * Defines the footer visibility.
     *
     * @type {boolean}
     * @name sap.ui.webc.fiori.Page.prototype.hideFooter
     * @defaultvalue false
     * @public
     */
    hideFooter: boolean;
    /**
     * Defines the current media query size.
     *
     * @type {string}
     * @private
     * @since 1.0.0-rc.15
     */
    mediaRange: string;
    /**
     * Defines the header HTML Element.
     *
     * @type {sap.ui.webc.fiori.IBar}
     * @name sap.ui.webc.fiori.Page.prototype.header
     * @slot
     * @public
     */
    header: Array<HTMLElement>;
    /**
     * Defines the content HTML Element.
     *
     * @type {HTMLElement[]}
     * @name sap.ui.webc.fiori.Page.prototype.default
     * @slot content
     * @public
     */
    content: Array<HTMLElement>;
    /**
     * Defines the footer HTML Element.
     *
     * @type {sap.ui.webc.fiori.IBar}
     * @name sap.ui.webc.fiori.Page.prototype.footer
     * @slot
     * @public
     */
    footer: Array<HTMLElement>;
    _updateMediaRange: ResizeObserverCallback;
    constructor();
    onEnterDOM(): void;
    onExitDOM(): void;
    updateMediaRange(): void;
    get _contentBottom(): "0" | "2.75rem";
    get _contentPaddingBottom(): "0" | "3.5rem";
    get _contentTop(): "2.75rem" | "0rem";
    get styles(): {
        content: {
            "padding-bottom": string | 0;
            bottom: string | 0;
            top: string;
        };
        footer: {};
    };
}
export default Page;