/**
 * Render official Fluent UI icons (from `./buttons.ts`) into SVG markup.
 *
 * Each icon is rendered as two stacked `<path>` elements (`icon-normal` +
 * `icon-hover`) toggled by CSS. Path data is pulled verbatim from the
 * `fluentIcons` table so nothing diverges from the canonical design system.
 */
import type { Icon } from './buttons.js';
import { fluentIcons } from './buttons.js';
export type IconName = keyof typeof fluentIcons;
export type IconEntry = Icon[string];
/**
 * Render a Fluent icon to an inline <svg> string with BOTH variants stacked
 *  as `<path class="icon-normal">` + `<path class="icon-hover">`. CSS
 *  toggles which path is visible on `:hover` and on `.btn-active` so every
 *  button inverts its fill state on hover. Honors the icon's declared `classes`
 *  for stroke-only glyphs (e.g. `chapterBack`/`chapterForward`).
 */
export declare function svgFromIcon(icon: IconEntry, size?: number): string;
/** Convenience: render the icon at `name` from the official table. */
export declare function svgFromIconName(name: IconName, size?: number): string;
export { fluentIcons };