import type { ReactNode } from "react";
export interface AppSidebarProps {
    /** Start of the top row — typically an `AppHeaderBrand`. */
    brand?: ReactNode;
    /** End of the top row — `soft` `IconButton`s (search, notifications). */
    actions?: ReactNode;
    /**
     * Pinned under the top row — the `Select`s choosing what the navigation
     * applies to (a team, a site).
     */
    header?: ReactNode;
    /** The scrolling body — a `SidebarNav`. */
    children?: ReactNode;
    /** Pinned at the bottom — typically an `AppSidebarAccount`. */
    footer?: ReactNode;
    /** Merged over the frame; the width is `w-[280px]` by default. */
    className?: string;
}
/**
 * The column an `AppSidebarLayout` puts beside the screen: brand and actions,
 * the selects scoping it, the navigation and the account, on the layout's
 * lowered ground.
 */
export declare function AppSidebar({ brand, actions, header, children, footer, className, }: AppSidebarProps): ReactNode;
//# sourceMappingURL=AppSidebar.d.ts.map