import type { JSX } from 'react';
import { Overlay } from '../../shared/ui/Overlay';
import { EditorPreview } from './EditorPreview';
import { EDITOR_PREVIEW_TITLE_ID } from './editorPreviewTitle';

export function EditorPreviewDialog( {
	onClosed,
}: {
	onClosed: () => void;
} ): JSX.Element {
	return (
		<Overlay
			kind="modal"
			labelledBy={ EDITOR_PREVIEW_TITLE_ID }
			onClosed={ onClosed }
		>
			<EditorPreview />
		</Overlay>
	);
}