import { Node } from '@tiptap/core';
import { SelectedVideoData } from '../types';
/**
 * Custom TipTap node that renders a video with alignment support.
 *
 * This extension supports:
 * - Direct video files (mp4, webm, ogg) rendered with HTML5 `<video>` tag
 * - YouTube videos (auto-converted to iframe embeds)
 * - Vimeo videos (auto-converted to iframe embeds)
 * - Alignment control (left / center / right)
 * - Explicit width/height attributes for size persistence
 * - A React NodeView with interactive rendering
 *
 * The NodeView (HtmlEditorVideoNodeView) renders the video with appropriate wrapper.
 * The renderHTML method provides fallback output for getHTML() / clipboard / serialisation.
 *
 * @example
 * // Insert a new video
 * editor.chain().focus().insertContent({ type: 'video', attrs: { src: 'https://youtube.com/watch?v=VIDEO_ID', alignment: 'center' } }).run();
 *
 * // Update video alignment
 * editor.chain().focus().updateAttributes('video', { alignment: 'right' }).run();
 *
 * // Delete selected video
 * editor.chain().focus().deleteNode('video').run();
 */
declare const Video: Node<Record<string, unknown>, SelectedVideoData>;
export default Video;
