import { TNode } from '@tempots/dom';
import { BeatUIBreakpoint } from './with-breakpoint';
import { PanelColor, PanelShadow } from '../theme';
export interface AppShellBreakpointOptions {
    zero: number;
    xs: number;
    sm: number;
    md: number;
    lg: number;
    xl: number;
}
export type AppShellBreakpointOptionalOptions = Partial<AppShellBreakpointOptions>;
export interface AppShellHorizontalOptions {
    content: TNode;
    height?: number | AppShellBreakpointOptionalOptions;
    color?: PanelColor;
    shadow?: PanelShadow;
}
export interface AppShellVerticalOptions {
    content: TNode;
    width?: number | AppShellBreakpointOptionalOptions;
    color?: PanelColor;
    shadow?: PanelShadow;
}
export interface AppShellMainOptions {
    content: TNode;
    color?: PanelColor;
    shadow?: PanelShadow;
}
export interface AppShellOptions {
    banner?: AppShellHorizontalOptions;
    header?: AppShellHorizontalOptions;
    footer?: AppShellHorizontalOptions;
    menu?: AppShellVerticalOptions;
    aside?: AppShellVerticalOptions;
    main: AppShellMainOptions;
    mainHeader?: AppShellHorizontalOptions;
    mainFooter?: AppShellHorizontalOptions;
    mediumBreakpoint?: BeatUIBreakpoint;
    smallBreakpoint?: BeatUIBreakpoint;
}
export declare function AppShell({ smallBreakpoint, mediumBreakpoint, ...options }: AppShellOptions): import("@tempots/dom").Renderable;
