import type { Scene, SceneOptions } from "./scene.types.ts";
import type { ScoreOptions, SurfaceOptions } from "./types.ts";
/**
 * A drawing the package wrote, as a scene. `theme` works the colours out for light or dark: without it, the drawing's own `data-theme`, else light.
 * A drawing made with `style: "none"` is read with the package's own stylesheet (`KYOGIJO_STYLE`); `css` adds a page's rules after the drawing's.
 * @example
 * ```ts
 * import { drawKyogijo } from "@johnmorrisdotca/kyogijo-stadiums";
 * import { sceneFromSvg } from "@johnmorrisdotca/kyogijo-stadiums/scene";
 * const scene = sceneFromSvg(drawKyogijo({ sport: "nhl", id: "rink" }), { theme: "dark" });
 * console.log(scene.theme, scene.items[0].kind, scene.items[0].style.fill);
 * // dark rect #1a2025
 * ```
 */
export declare function sceneFromSvg(svg: string, options?: SceneOptions): Scene;
/**
 * A drawing as plain data: the options of `drawKyogijo` (or the SVG of a chart or a replay frame, or a scene already made) as the shapes it is painted
 * with, in order, each with its colours worked out for light or dark.
 * @example
 * ```ts
 * import { sceneOf } from "@johnmorrisdotca/kyogijo-stadiums/scene";
 * const scene = sceneOf({ sport: "nhl", id: "rink" });
 * console.log(scene.viewBox, scene.items.length > 30, scene.items[0].kind);
 * // { x: -8, y: -8, w: 216, h: 101 } true rect
 * ```
 */
export declare function sceneOf(source: SurfaceOptions | ScoreOptions | string | Scene, options?: SceneOptions): Scene;