import type { ReactNode } from "react";
import type { Accent } from "../../core/AlouetteConfig";
import { type SVGIconElement } from "../primitives/Icon";
export interface SectionTitleProps {
    children: string;
    /** Rendered before the title, in the accent's ink or muted without one. */
    icon?: SVGIconElement;
    /** Tints the icon and the title. */
    accent?: Accent;
    /** Heading level announced to assistive tech (an `<h2>` on web by default). */
    level?: 2 | 3 | 4 | 5 | 6;
    className?: string;
}
/**
 * The heading of a section of the screen, standing on the screen ground with no
 * material of its own: above a list of pressable rows, which are raised on
 * their own, or above a group of cards.
 */
export declare function SectionTitle({ children, icon, accent, level, className, }: SectionTitleProps): ReactNode;
//# sourceMappingURL=SectionTitle.d.ts.map