import * 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 const AppShell: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
    /** Any CSS background value (color, gradient, image). Defaults to var(--app-background). */
    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;
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
export { AppShell };