import type { LokeIcon } from "@loke/icons";
import { type ReactNode } from "react";
type SidebarConfig = {
    trigger: ReactNode;
    imageUrl: string;
};
declare function PageLayoutSidebarProvider({ children, sidebar, }: {
    children: ReactNode;
    sidebar: SidebarConfig;
}): import("react/jsx-runtime").JSX.Element;
type PageLayoutProps = {
    children: ReactNode;
    header: {
        icon: LokeIcon;
        title: string;
        belowTitle?: ReactNode;
        rightAside?: ReactNode;
    };
    sidebar?: SidebarConfig;
    loading?: boolean;
};
declare const HEADER_HEIGHT = "8rem";
declare const PageLayout: ({ children, header, loading, sidebar: sidebarProp, }: PageLayoutProps) => import("react/jsx-runtime").JSX.Element;
export { HEADER_HEIGHT, PageLayout, PageLayoutSidebarProvider };
export type { PageLayoutProps };