import { ComponentInterface } from "../../stencil-public-runtime";
import { DuetMargin } from "../../common-types";
import { DuetBreakpoints } from "../../utils/token-utils";
export type DuetLayoutStickyDistance = "with-links" | "without-links";
/**
 * @slot main - The layout component’s primary content. Use this for the main content on the page.
 * @slot page-heading - The layout component’s page heading content. Use this if you want to have heading inside main landmark.
 * @slot sidebar - The layout component’s sidebar content. Use this for content that is related to the content in the main slot.
 * @slot top - This is a full-width content area above the main and sidebar slots. Could be used to show for example alert messages.
 */
export declare class DuetLayout implements ComponentInterface {
    /**
     * Own Properties.
     */
    private hasSidebar;
    private hasTop;
    private hasPageHeading;
    /**
     * Reference to host HTML element.
     */
    element: HTMLElement;
    /**
     * Makes the sidebar stick to the top of the window when scrolling down.
     */
    sticky: boolean;
    /**
     * Controls the margin of the component.
     */
    margin: DuetMargin;
    /**
     * Adjust sticky sidebar’s distance to duet navigation component using this property.
     */
    stickyDistance: DuetLayoutStickyDistance;
    /**
     * Center align all direct children of this component.
     */
    center: boolean;
    /**
     * If set to true, the sidebar position will be adjusted to take tabs inside main content
     * area into account.
     */
    tabs: boolean;
    /**
     * Align container vertically in the middle when the space allows it.
     */
    middle: boolean;
    /**
     * Breakpoint used to remove padding. These match to
     * similar media query tokens: $media-query-small and $media-query-medium.
     */
    paddingBreakpoint?: DuetBreakpoints;
    /**
     * Component lifecycle events.
     */
    componentWillLoad(): void;
    /**
     * render() function.
     * Always the last one in the class.
     */
    render(): any;
}