import { type ReactElement, type ReactNode } from 'react';
interface EmailTemplateEditor2PaneLayoutProps {
    /** Sticky 260px sidebar with translations + AI + variables. */
    readonly sidebar: ReactNode;
    /** Centre column — Tiptap editor + subject + textBody. */
    readonly editor: ReactNode;
    /** Right column — live preview. Renders at 100% height of its panel. */
    readonly preview: ReactNode;
    /** Variables panel content (only used on mobile, where it becomes its own tab). */
    readonly variables: ReactNode;
}
/**
 * Two-pane resizable layout for the email template editor. Replaces the legacy
 * 3-pane grid in which the preview was clamped to a 360px sidebar with a fixed
 * 600px iframe. The drag handle between editor and preview lets the user balance
 * the two columns; the ratio is persisted in localStorage. On mobile (< md) the
 * layout collapses to three tabs (Editor / Preview / Variables) so nothing
 * overflows the viewport.
 */
export declare function EmailTemplateEditor2PaneLayout({ sidebar, editor, preview, variables, }: EmailTemplateEditor2PaneLayoutProps): ReactElement;
export {};
//# sourceMappingURL=EmailTemplateEditor2PaneLayout.d.ts.map