import React from 'react';

// These are NOT actual React components - they're JSX syntax helpers
// They get converted to EditorElement structure by the converter

export const EditorBody: React.FC<BaseComponentProps> = () => null;
EditorBody.displayName = 'EditorBody';

export const EditorButton: React.FC<ButtonProps> = () => null;
EditorButton.displayName = 'EditorButton';

export const EditorParagraph: React.FC<BaseComponentProps> = () => null;
EditorParagraph.displayName = 'EditorParagraph';

export const EditorText: React.FC<BaseComponentProps> = () => null;
EditorText.displayName = 'EditorText';

export const EditorHeading: React.FC<HeadingProps> = () => null;
EditorHeading.displayName = 'EditorHeading';

export const EditorLink: React.FC<LinkProps> = () => null;
EditorLink.displayName = 'EditorLink';

export const EditorSpan: React.FC<BaseComponentProps> = () => null;
EditorSpan.displayName = 'EditorSpan';

export const EditorDiv: React.FC<BaseComponentProps> = () => null;
EditorDiv.displayName = 'EditorDiv';

export const EditorSection: React.FC<BaseComponentProps> = () => null;
EditorSection.displayName = 'EditorSection';

export const EditorContainer: React.FC<BaseComponentProps> = () => null;
EditorContainer.displayName = 'EditorContainer';

export const EditorHeader: React.FC<BaseComponentProps> = () => null;
EditorHeader.displayName = 'EditorHeader';

export const EditorFooter: React.FC<BaseComponentProps> = () => null;
EditorFooter.displayName = 'EditorFooter';

export const EditorNav: React.FC<BaseComponentProps> = () => null;
EditorNav.displayName = 'EditorNav';

export const EditorArticle: React.FC<BaseComponentProps> = () => null;
EditorArticle.displayName = 'EditorArticle';

export const EditorAside: React.FC<BaseComponentProps> = () => null;
EditorAside.displayName = 'EditorAside';

export const EditorForm: React.FC<BaseComponentProps> = () => null;
EditorForm.displayName = 'EditorForm';

export const EditorList: React.FC<BaseComponentProps> = () => null;
EditorList.displayName = 'EditorList';

export const EditorListItem: React.FC<BaseComponentProps> = () => null;
EditorListItem.displayName = 'EditorListItem';

export const EditorInput: React.FC<InputProps> = () => null;
EditorInput.displayName = 'EditorInput';

export const EditorTextarea: React.FC<TextareaProps> = () => null;
EditorTextarea.displayName = 'EditorTextarea';

export const EditorSelect: React.FC<SelectProps> = () => null;
EditorSelect.displayName = 'EditorSelect';

export const EditorCheckbox: React.FC<BaseComponentProps> = () => null;
EditorCheckbox.displayName = 'EditorCheckbox';

export const EditorRadio: React.FC<BaseComponentProps> = () => null;
EditorRadio.displayName = 'EditorRadio';

export const EditorLabel: React.FC<BaseComponentProps> = () => null;
EditorLabel.displayName = 'EditorLabel';

export const EditorImage: React.FC<ImageProps> = () => null;
EditorImage.displayName = 'EditorImage';

export const EditorVideo: React.FC<VideoProps> = () => null;
EditorVideo.displayName = 'EditorVideo';

export const EditorIframe: React.FC<IframeProps> = () => null;
EditorIframe.displayName = 'EditorIframe';

export const EditorHr: React.FC<BaseComponentProps> = () => null;
EditorHr.displayName = 'EditorHr';

export const EditorCustomCode: React.FC<CustomCodeProps> = () => null;
EditorCustomCode.displayName = 'EditorCustomCode';

export const EditorDynamicContent: React.FC<BaseComponentProps> = () => null;
EditorDynamicContent.displayName = 'EditorDynamicContent';

export const EditorDynamicWrapper: React.FC<DynamicWrapperProps> = () => null;
EditorDynamicWrapper.displayName = 'EditorDynamicWrapper';

export const EditorIcon: React.FC<IconProps> = () => null;
EditorIcon.displayName = 'EditorIcon';

// Dropdown Menu Elements
export const EditorDropdownMenu: React.FC<BaseComponentProps> = () => null;
EditorDropdownMenu.displayName = 'EditorDropdownMenu';

export const EditorDropdownMenuTrigger: React.FC<BaseComponentProps> = () => null;
EditorDropdownMenuTrigger.displayName = 'EditorDropdownMenuTrigger';

export const EditorDropdownMenuContent: React.FC<DropdownMenuContentProps> = () => null;
EditorDropdownMenuContent.displayName = 'EditorDropdownMenuContent';

export const EditorDropdownMenuLabel: React.FC<BaseComponentProps> = () => null;
EditorDropdownMenuLabel.displayName = 'EditorDropdownMenuLabel';

export const EditorDropdownMenuItem: React.FC<BaseComponentProps> = () => null;
EditorDropdownMenuItem.displayName = 'EditorDropdownMenuItem';

// Popover Elements
export const EditorPopover: React.FC<BaseComponentProps> = () => null;
EditorPopover.displayName = 'EditorPopover';

export const EditorPopoverTrigger: React.FC<BaseComponentProps> = () => null;
EditorPopoverTrigger.displayName = 'EditorPopoverTrigger';

export const EditorPopoverContent: React.FC<PopoverContentProps> = () => null;
EditorPopoverContent.displayName = 'EditorPopoverContent';

// Drawer Elements
export const EditorDrawer: React.FC<BaseComponentProps> = () => null;
EditorDrawer.displayName = 'EditorDrawer';

export const EditorDrawerTrigger: React.FC<BaseComponentProps> = () => null;
EditorDrawerTrigger.displayName = 'EditorDrawerTrigger';

export const EditorDrawerContent: React.FC<PopoverContentProps> = () => null;
EditorDrawerContent.displayName = 'EditorDrawerContent';

// Accordion Elements
export const EditorAccordion: React.FC<BaseComponentProps> = () => null;
EditorAccordion.displayName = 'EditorAccordion';

export const EditorAccordionItem: React.FC<BaseComponentProps> = () => null;
EditorAccordionItem.displayName = 'EditorAccordionItem';

export const EditorAccordionTrigger: React.FC<BaseComponentProps> = () => null;
EditorAccordionTrigger.displayName = 'EditorAccordionTrigger';

export const EditorAccordionContent: React.FC<BaseComponentProps> = () => null;
EditorAccordionContent.displayName = 'EditorAccordionContent';

// Tabs Elements
export const EditorTabs: React.FC<BaseComponentProps> = () => null;
EditorTabs.displayName = 'EditorTabs';

export const EditorTabsList: React.FC<BaseComponentProps> = () => null;
EditorTabsList.displayName = 'EditorTabsList';

export const EditorTabsTrigger: React.FC<BaseComponentProps> = () => null;
EditorTabsTrigger.displayName = 'EditorTabsTrigger';

export const EditorTabsContent: React.FC<BaseComponentProps> = () => null;
EditorTabsContent.displayName = 'EditorTabsContent';
