/**
 * AppShell - Inline layout wrapper for TUI screens
 *
 * Provides a 6-zone inline layout that renders at natural height
 * after the shell prompt. Screen transitions are clean React
 * mount/unmount cycles.
 *
 * Zones:
 *  1. Header: banner + status meta
 *  2. TipsBar: contextual hints (1 row or 0)
 *  3. Content: screen-specific (natural height)
 *  4. Spinner: WorkingIndicator (1 row when active, 0 otherwise)
 *  5. Error toast: error message (1 row when present, 0 otherwise)
 *  6. Footer: input + status line
 */
import React from 'react';
import { type FooterStatusBarProps } from './FooterStatusBar.js';
/**
 * Props for the AppShell component
 */
export interface AppShellProps {
    /** Pre-built header element (HeaderContent) */
    header: React.ReactNode;
    /** Tip text (null/undefined to hide tips bar) */
    tips?: string | null;
    /** Content area - screen-specific */
    children: React.ReactNode;
    /** Show spinner bar */
    isWorking?: boolean;
    /** Spinner text */
    workingStatus?: string;
    /** Spinner hint (e.g. "esc to cancel") */
    workingHint?: string;
    /** Error message to display as a toast above the footer */
    error?: string | null;
    /** Input component: ChatInput, MultiSelect, Select, etc. */
    input?: React.ReactNode;
    /** Footer status bar props */
    footerStatus: FooterStatusBarProps;
}
/**
 * AppShell component
 *
 * Compact inline layout. Renders at natural height right after
 * the shell prompt. Each zone stacks vertically with gap spacing.
 */
export declare function AppShell({ header, tips, children, isWorking, workingStatus, workingHint, error, input, footerStatus, }: AppShellProps): React.ReactElement;