import type { VDTDesignSlot, VDTDesignTextBlock, VDTDesignPathBlock, VDTDesignBoxStyle } from '../vdt.js';
/**
 * A box's fill, then its border inside the box (EF-131): the border's outer
 * edge runs along the box edge, as CSS `box-sizing: border-box` draws it in
 * the HTML output. A square border is stroked on a path half its width in.
 * A rounded one is filled as the ring between the box's outline (the box's
 * radius) and the same outline inset by the border width, its radius less
 * that width and at least 0, which is CSS's inner border edge; a stroke
 * would lose the outer radius where it is under half the border width. A
 * border as wide as the box fills it. Up to postext 1.4 the stroke was
 * centred on the edge and reached half its width outside the box. Used by
 * design boxes, text-element boxes and callout frames.
 */
export declare function drawBoxBackground(ctx: CanvasRenderingContext2D, x: number, y: number, w: number, h: number, style: VDTDesignBoxStyle): void;
/** Paint one design text block (horizontal, right to left or vertical) as
 *  the design slots do; also used for the lettering of comic balloons. */
export declare function renderTextBlock(ctx: CanvasRenderingContext2D, block: VDTDesignTextBlock): void;
/** A vector shape (DESIGN §12.1, #1055): its outline traced with plain
 *  path calls, filled, then stroked, then its markers filled on top. */
export declare function renderPathBlock(ctx: CanvasRenderingContext2D, block: VDTDesignPathBlock): void;
export declare function renderHeaderFooterSlot(ctx: CanvasRenderingContext2D, slot: VDTDesignSlot, 
/** The document's single ink (`documentInkHex`), null when off. */
inkHex?: string | null): void;
//# sourceMappingURL=headerFooter.d.ts.map