export declare class GxIdeContainer {
    /**
     * By setting the title to inactive, the color will be gray instead of black.
     */
    readonly inactiveTitle: boolean;
    /**
     * Displays a border all around the container
     */
    readonly displayBorder: boolean;
    /**
     * Displays a border on the top
     */
    readonly displayBorderTop: boolean;
    /**
     * Displays a border at the end
     */
    readonly displayBorderEnd: boolean;
    /**
     * Displays a border at on the bottom
     */
    readonly displayBorderBottom: boolean;
    /**
     * Displays a border at the start
     */
    readonly displayBorderStart: boolean;
    /**
     * The container general padding (applies to .heading, .content, and .footer)
     */
    readonly sectionsPadding: SectionsPadding;
    /**
     * Removes the border bottom from the heading
     */
    readonly noHeadingBorder: boolean;
    /**
     * Removes the heading gap
     */
    readonly noHeadingGap: boolean;
    /**
     * Removes the padding from the heading
     */
    readonly noHeadingPadding: boolean;
    /**
     * Removes the padding block end from the heading
     */
    readonly noHeadingPaddingBlockEnd: boolean;
    /**
     * Adds padding to the top of the heading
     */
    readonly headingPaddingTop: boolean;
    /**
     * The heading justification
     */
    readonly headingJustify: HeadingJustify;
    /**
     * It forces the .heading__title min-height to be as tall as the gxg-form-text height. This is useful when you are displaying two gx-ide-container's on the same row, both of them display a title, and one of them displays a gxg-form-text in the header (usually used to filter content). Without this property set to true, the .heading without a gxg-from-text would be shorter. At the time of writing, this is used on ww-images.
     */
    readonly titleHeightAsInput: boolean;
    /**
     * Makes the header (.heading) display flex:row, instad of the default flex:column.
     */
    readonly flexRow: boolean;
    /**
     * Makes the content a flex container
     */
    readonly flexContent: boolean;
    /**
     * Removes the border-top from the content
     */
    readonly noContentBorderTop: boolean;
    /**
     * Removes the padding from the content
     */
    readonly noContentPadding: boolean;
    /**
     * Removes the gap from the content
     */
    readonly noContentGap: boolean;
    /**
     * Align items
     */
    readonly alignItems: AlignItems;
    /**
     * Justify content
     */
    readonly justifyContent: JustifyContent;
    /**
     * Display border end on the content
     */
    readonly contentBorderEnd: boolean;
    /**
     * Makes the above footer vertical padding slimmer
     */
    readonly slimmerAboveFooter: boolean;
    /**
     * Removes the above padding from the footer
     */
    readonly noAboveFooterPadding: boolean;
    /**
     * Removes the above border top
     */
    readonly noBorderAboveFooter: boolean;
    /**
     * Makes the footer vertical padding slimmer
     */
    readonly slimmerFooter: boolean;
    /**
     * Removes the padding from the footer
     */
    readonly noFooterPadding: boolean;
    /**
     * The footer justification
     */
    readonly footerJustify: FooterJustify;
    /**
     * Removes the border top from the footer
     */
    readonly noBorderFooter: boolean;
    el: HTMLGxIdeContainerElement;
    /**
     * A boolean variable indicating if the component has or not any content for the 'header' slot
     */
    hasHeaderSlot: boolean;
    /**
     * A boolean variable indicating if the component has or not any content slotted content (regular slotted content, without 'slot' attribute)
     */
    hasSlottedContent: boolean;
    /**
     * A boolean variable indicating if the component has or not any content for the 'footer' slot
     */
    hasFooterSlot: boolean;
    /**
     * A boolean variable indicating if the component has or not any content for the 'footer' slot
     */
    hasAboveFooterSlot: boolean;
    /**
     * A boolean variable indicating that the container only has the heading section
     */
    hasOnlyHeading: boolean;
    /**
     * A boolean variable indicating that the container only has the content section
     */
    hasOnlyContent: boolean;
    /**
     * A boolean variable indicating that the container only has the footer section
     */
    hasOnlyFooter: boolean;
    componentWillLoad(): void;
    private evaluateSlots;
    private evaluateSections;
    private headingClasses;
    private contentClasses;
    private aboveFooter;
    private footer;
    render(): any;
}
export type HeadingJustify = "start" | "center" | "end";
export type FooterJustify = "start" | "center" | "end";
export type SectionsPadding = "s" | "m" | "l";
export type AlignItems = "start" | "center" | "end";
export type JustifyContent = "start" | "center" | "end";
