import { TNode, Value, Renderable } from '@tempots/dom'; import type { BundledTheme } from 'shiki'; export type CodeHighlightOptions = { /** The source code to highlight. */ code: Value; /** The language identifier (e.g., 'typescript', 'css', 'json'). */ language?: Value; /** Light-mode Shiki theme. @default 'github-light' */ lightTheme?: BundledTheme; /** Dark-mode Shiki theme. @default 'github-dark' */ darkTheme?: BundledTheme; }; /** * Renders a syntax-highlighted code block using Shiki. * * Themes are applied using CSS variables so that light/dark mode * switching works automatically via the `.dark` class on ``. * * Styles are injected into `` on first use — no external CSS import needed. */ export declare function CodeHighlight(options: CodeHighlightOptions, ...children: TNode[]): Renderable;