import type * as React from 'react';
/**
 * AppShell provides a customizable background wrapper for connected sidebar layouts.
 * It sets a fixed height and allows any CSS background value (gradient, solid color, image).
 *
 * Responsive padding is handled via CSS media queries (no JS hydration flash).
 * Mobile padding applies below 768px, desktop padding at 768px and above.
 */
declare function AppShell({ background, height, padding, mobilePadding, gap, connected, className, style, children, ...props }: React.ComponentProps<'div'> & {
    /** Any CSS background value (color, gradient, image). Defaults to var(--app-bg). */
    background?: string;
    /** Fixed height, supports CSS calc(). Defaults to '100vh'. */
    height?: string;
    /** Spacing around the inner content in pixels or CSS value. Defaults to token --app-shell-padding (16px). Applied at md breakpoint and above. */
    padding?: number | string;
    /** Padding on mobile viewports (<768px). Defaults to 8px. */
    mobilePadding?: number | string;
    /** Gap between panels in pixels or CSS value. Sets --app-shell-gap CSS variable. */
    gap?: number | string;
    /** When true, panels are visually connected (joined edges, no border-radius between them). */
    connected?: boolean;
}): import("react/jsx-runtime").JSX.Element;
declare namespace AppShell {
    var displayName: string;
}
export { AppShell };
