import type { DefineComponent, VNodeChild } from 'vue';

import type {
    VueUiMoleculeDatasetNode,
    VueUiMoleculeConfig,
    VueUiMoleculeDatapoint,
    VueUiMoleculeExpose,
    VueUiMoleculeEvent,
    VueUiMoleculeProps,
    VueUiAnnotatorActionColorSlotProps,
    VueUiAnnotatorActionDrawSlotProps,
    VueUiAnnotatorActionUndoSlotProps,
    VueUiAnnotatorActionRedoSlotProps,
    VueUiAnnotatorActionDeleteSlotProps,
    VueUiMenuIconSlotProps,
    VueUiOptionFullscreenSlotProps,
    VueUiOptionAnnotatorSlotProps,
    VueUiMoleculeOptionZoomSlotProps,
    VueUiMoleculeNodeSlotProps,
    VueUiMoleculeNodeSvgSlotProps,
    VueUiMoleculeSvgSlotProps,
    VueUiWatermarkSlotProps,
    VueUiResetActionSlotProps,
    VueUiMoleculeTooltipSlotProps,
    CommonAnnotatorSlots,
    VueUiMoleculeEmits,
    VueUiMoleculeEmitSelectNode,
    VueUiMoleculeEmitCopyAlt,
} from 'vue-data-ui';

export type {
    VueUiMoleculeDatasetNode,
    VueUiMoleculeConfig,
    VueUiMoleculeDatapoint,
    VueUiMoleculeExpose,
    VueUiMoleculeEvent,
    VueUiMoleculeProps,
    VueUiAnnotatorActionColorSlotProps,
    VueUiAnnotatorActionDrawSlotProps,
    VueUiAnnotatorActionUndoSlotProps,
    VueUiAnnotatorActionRedoSlotProps,
    VueUiAnnotatorActionDeleteSlotProps,
    VueUiMenuIconSlotProps,
    VueUiOptionFullscreenSlotProps,
    VueUiOptionAnnotatorSlotProps,
    VueUiMoleculeOptionZoomSlotProps,
    VueUiMoleculeNodeSlotProps,
    VueUiMoleculeNodeSvgSlotProps,
    VueUiMoleculeSvgSlotProps,
    VueUiWatermarkSlotProps,
    VueUiResetActionSlotProps,
    VueUiMoleculeTooltipSlotProps,
    CommonAnnotatorSlots,
    VueUiMoleculeEmits,
    VueUiMoleculeEmitSelectNode,
    VueUiMoleculeEmitCopyAlt,
};

declare const VueUiMoleculeBase: DefineComponent<
    VueUiMoleculeProps,
    {},
    {},
    {},
    {},
    {},
    {},
    VueUiMoleculeEmits
>;

export const VueUiMolecule: typeof VueUiMoleculeBase & {
    new (): VueUiMoleculeExpose & {
        $slots: CommonAnnotatorSlots & {
            ['custom-menu-before']?: () => VNodeChild;
            ['custom-menu-after']?: () => VNodeChild;
            menuIcon?: (props: VueUiMenuIconSlotProps) => VNodeChild;
            optionTooltip?: () => VNodeChild;
            optionPdf?: () => VNodeChild;
            optionCsv?: () => VNodeChild;
            optionImg?: () => VNodeChild;
            optionSvg?: () => VNodeChild;
            optionTable?: () => VNodeChild;
            optionLabels?: () => VNodeChild;
            optionFullscreen?: (
                props: VueUiOptionFullscreenSlotProps,
            ) => VNodeChild;
            optionAltCopy?: () => VNodeChild;
            optionAnnotator?: (
                props: VueUiOptionAnnotatorSlotProps,
            ) => VNodeChild;
            optionZoom?: (
                props: VueUiMoleculeOptionZoomSlotProps,
            ) => VNodeChild;
            ['chart-background']?: () => VNodeChild;
            node?: (props: VueUiMoleculeNodeSlotProps) => VNodeChild;
            ['node-svg']?: (props: VueUiMoleculeNodeSvgSlotProps) => VNodeChild;
            svg?: (props: VueUiMoleculeSvgSlotProps) => VNodeChild;
            watermark?: (props: VueUiWatermarkSlotProps) => VNodeChild;
            ['reset-action']?: (props: VueUiResetActionSlotProps) => VNodeChild;
            source?: () => VNodeChild;
            ['tooltip-before']?: (
                props: VueUiMoleculeTooltipSlotProps,
            ) => VNodeChild;
            tooltip?: (props: VueUiMoleculeTooltipSlotProps) => VNodeChild;
            ['tooltip-after']?: (
                props: VueUiMoleculeTooltipSlotProps,
            ) => VNodeChild;
        };
    };
};

export default VueUiMolecule;
export { VueUiMolecule };