import { CSSProperties } from 'vue';
import { DynamicContentProps } from '../../../types/canvas';
/**
 * Default heading font size (px) shown in the settings control. Must match the
 * baseline `font-size-5` class the render/preview falls back to when unset
 * (`font-size: 1.25rem` = 20px at a 16px root). Keep in sync if that class changes.
 */
export declare const DEFAULT_HEADING_FONT_SIZE = 20;
export interface HeadingFormatting {
    heading_font_family: string;
    heading_font_size: number;
    heading_color: string;
    heading_alignment: 'left' | 'center' | 'right';
    heading_bold: boolean;
    heading_italic: boolean;
    heading_underline: boolean;
}
/**
 * Single source of truth for the heading's default formatting — the baseline look the
 * settings modal opens on. Consumed by the ref initializers, `hasCustomFormatting`,
 * `clearFormatting`, and `handleSave`'s collapse-to-undefined, so they can't drift.
 * `themeFont` is the canvas theme font (`useCanvasTheme().font`), which the unset heading
 * inherits; `heading_font_size` mirrors the `font-size-5` fallback.
 */
export declare function getHeadingFormattingDefaults(themeFont: string): HeadingFormatting;
/**
 * Builds the inline style overrides for the Dynamic Content heading.
 * Only properties the user has explicitly set produce a value; unset properties
 * return `undefined` so the component's baseline classes (`font-700 font-size-5
 * color-text`) render — preserving the look of pre-existing canvases (PIT-7015 AC9).
 *
 * `heading_bold` is three-state on purpose: `undefined` (legacy / never set) and
 * `true` both fall through to the bold `font-700` class; only an explicit `false`
 * emits `fontWeight: 'normal'` to override it.
 */
export declare function getHeadingStyle(data: Partial<DynamicContentProps> | undefined): CSSProperties;