import { Component } from 'react';
import type { JSX } from 'react';
/**
 * @slot {"name": "header", "description": "Renders a sticky header section above the content area." }
 * @slot {"name": "", "description": "Default slot for the main content." }
 * @slot {"name": "footer", "description": "Shows a sticky footer section, flowing under the content area when scrollable." }
 * @slot {"name": "sub-footer", "description": "Renders additional content below the footer, such as legal information or FAQs. It appears when the flyout has enough space or when the user scrolls to the end." }
 *
 * @controlled {"props": ["open"], "event": "dismiss"}
 */
export declare class DSRFlyout extends Component<any> {
    host: HTMLElement;
    private dialog;
    private scroller;
    private header;
    private footer;
    private hasHeader;
    private hasFooter;
    private hasSubFooter;
    private topLayer;
    render(): JSX.Element;
}