import type { DefineComponent } from "vue";

type MarkdownProps = {
  /** Markdown content source, settable programmatically */
  source?: string;
};

export type CustomElements = {
  /**
   * A Web Component that inputs markdown content and renders it as HTML formatted with Elements styles.
   * ---
   *
   *
   * ### **Slots:**
   *  - _default_ - The slot can contain a template element with markdown content
   *
   * ### **CSS Properties:**
   *  - **--padding** - The padding of the component _(default: undefined)_
   */
  "nve-markdown": DefineComponent<MarkdownProps>;
};

declare module "vue" {
  // eslint-disable-next-line @typescript-eslint/no-empty-interface
  interface GlobalComponents extends CustomElements {}
}

declare global {
  namespace JSX {
    // eslint-disable-next-line @typescript-eslint/no-empty-interface
    interface IntrinsicElements extends CustomElements {}
  }
}