import { type HTMLAttributes, type ReactNode } from 'react';
import { type VariantProps } from 'class-variance-authority';
declare const mainContentVariants: (props?: ({
    padded?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface AppFrameProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof mainContentVariants> {
    /** `<Header>` instance rendered full-width at the block-start of the shell. */
    header: ReactNode;
    /** `<Sidebar>` instance rendered inline-start of the row beneath the header on ≥ md viewports. */
    sidebar: ReactNode;
    /** Main content — rendered inside a `<main>` landmark. */
    children: ReactNode;
    /** Optional inline-end docked panel (typically `<AliaSidebar />`) sharing the same row as the main region on ≥ md viewports. Hidden on narrow viewports — consumers should flip to an overlay/popout mode there. */
    endSidebar?: ReactNode;
    /** Optional block-end footer — renders full-width below the sidebar + main row. */
    footer?: ReactNode;
    /**
     * Id applied to the `<main>` element so `<HeaderSkipLink href="#{mainId}" />`
     * can target it. Must be a valid HTML id (letters, digits, `-`, `_`, no
     * spaces). Defaults to `'main-content'`.
     */
    mainId?: string;
    /**
     * Override the landmark's accessible name. Defaults to the i18n'd
     * `ui.navigation.main.label` ("Main content").
     */
    mainAriaLabel?: string;
    /** Extra classes applied to the `<main>` landmark. */
    mainClassName?: string;
    /** The narrowest `<main>` may get, px: a rail in `endSidebar` shows its
     *  open panel over the content rather than dock it below this. */
    minMainWidth?: number;
}
export declare const AppFrame: import("react").ForwardRefExoticComponent<AppFrameProps & import("react").RefAttributes<HTMLDivElement>>;
export {};
//# sourceMappingURL=app-frame.d.ts.map