import type { ReactNode } from 'react';
/**
 * Design-system inline split-pane pattern: a list that shrinks while a
 * fixed-width editor/detail pane slides in beside it (Script Tags 420px,
 * Entries 400px, Forms 390px, SEO Content 380px in the handoff).
 *
 * Compose as:
 *
 *   <SplitPaneLayout>
 *     <SplitPaneList>…table…</SplitPaneList>
 *     <InspectorPane open={!!selected} width={420} aria-label="Edit script">
 *       <InspectorPaneHeader onClose={close}>…</InspectorPaneHeader>
 *       <InspectorPaneBody>…sections…</InspectorPaneBody>
 *       <InspectorPaneFooter>…save…</InspectorPaneFooter>
 *     </InspectorPane>
 *   </SplitPaneLayout>
 */
export declare function SplitPaneLayout({ children, className, }: {
    children: ReactNode;
    className?: string;
}): import("react/jsx-runtime").JSX.Element;
export declare function SplitPaneList({ children, className, }: {
    children: ReactNode;
    className?: string;
}): import("react/jsx-runtime").JSX.Element;
export interface InspectorPaneProps {
    open: boolean;
    /** Outer shell width in px when open (inner card fills it minus 12px gutters). */
    width: number;
    children: ReactNode;
    'aria-label': string;
}
export declare function InspectorPane({ open, width, children, 'aria-label': ariaLabel, }: InspectorPaneProps): import("react/jsx-runtime").JSX.Element;
export declare function InspectorPaneHeader({ children, onClose, closeLabel, }: {
    children: ReactNode;
    onClose: () => void;
    closeLabel?: string;
}): import("react/jsx-runtime").JSX.Element;
export declare function InspectorPaneBody({ children }: {
    children: ReactNode;
}): import("react/jsx-runtime").JSX.Element;
/** Bordered section with the design's uppercase 10.5px section title. */
export declare function InspectorPaneSection({ title, subtitle, children, }: {
    title?: string;
    subtitle?: string;
    children: ReactNode;
}): import("react/jsx-runtime").JSX.Element;
export declare function InspectorPaneFooter({ children }: {
    children: ReactNode;
}): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=InspectorPane.d.ts.map