/// <reference types="svelte" />
import { SvelteComponentTyped } from "svelte";

export interface HighlightProps
  extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["pre"]> {
  /**
   * @default { name: undefined, register: undefined }
   */
  language?: {
    name?: string;
    register: (hljs: any) => Record<string, any>;
  };

  /**
   * Source code to highlight
   */
  code?: string;
}

export default class Highlight extends SvelteComponentTyped<
  HighlightProps,
  {
    highlight: CustomEvent<{ highlighted: string }>;
    click: WindowEventMap["click"];
    mouseover: WindowEventMap["mouseover"];
    mouseenter: WindowEventMap["mouseenter"];
    mouseleave: WindowEventMap["mouseleave"];
    focus: WindowEventMap["focus"];
    blur: WindowEventMap["blur"];
  },
  { default: { highlighted?: string } }
> {}