import React from "react";
export interface PageLayoutTheme {
    root: string;
    sidebar: string;
    sidebarCollapsed: string;
    main: string;
    header: string;
    content: string;
}
export interface PageLayoutThemeOverrides {
    root?: string;
    sidebar?: string;
    sidebarCollapsed?: string;
    main?: string;
    header?: string;
    content?: string;
}
export interface PageLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Theme overrides for the root container. */
    theme?: PageLayoutThemeOverrides;
}
export interface PageLayoutSidebarProps extends React.HTMLAttributes<HTMLElement> {
    /** Width of the sidebar (CSS value). Defaults to "16rem". */
    width?: string;
    /** Whether the sidebar is collapsed on mobile. Defaults to true. */
    collapsedOnMobile?: boolean;
    /** Theme overrides for the sidebar. */
    theme?: PageLayoutThemeOverrides;
}
export interface PageLayoutHeaderProps extends React.HTMLAttributes<HTMLElement> {
    /** Whether the header is sticky. Defaults to true. */
    sticky?: boolean;
    /** Theme overrides for the header. */
    theme?: PageLayoutThemeOverrides;
}
export interface PageLayoutContentProps extends React.HTMLAttributes<HTMLElement> {
    /** Theme overrides for the content area. */
    theme?: PageLayoutThemeOverrides;
}
