import type { SvelteComponentTyped } from "svelte";
import type { HTMLAttributes } from "svelte/elements";
import type { LangtagProps } from "./Highlight.svelte";
import type { LanguageName } from "./languages";

export type LangTagProps = HTMLAttributes<HTMLPreElement> &
  LangtagProps & {
    /**
     * Code to highlight.
     */
    code: any;

    /**
     * Highlighted HTML.
     *
     * When empty, `code` is rendered instead as plain, Svelte-escaped text —
     * the `hljs` class is still applied, there's just no highlighting markup.
     */
    highlighted: string;

    /**
     * Language name.
     * @default "plaintext"
     */
    languageName?: LanguageName | (string & {});
  };

export type LangTagEvents = {};

export type LangTagSlots = {};

export default class LangTag extends SvelteComponentTyped<
  LangTagProps,
  LangTagEvents,
  LangTagSlots
> {}