import * as React from 'react';
export type BlockColor = 'primary' | 'chart-1' | 'chart-2' | 'chart-3' | 'chart-4' | 'chart-5' | 'success' | 'info' | 'warning' | 'destructive';
export interface SectionHeadingProps {
    title: string;
    description?: string;
    /** Use 'sidebar' when this heading sits on a `bg-sidebar` surface (e.g. Methodology). */
    tone?: 'default' | 'sidebar';
    /** Optional small colored bar rendered under the title. Omit for no bar. */
    accentColor?: BlockColor;
    className?: string;
}
/**
 * Plain section header used to introduce a landing-page section.
 *
 * @description
 * Renders the section title (and optional description), with an optional
 * small colored bar under the title.
 *
 * @ai-rules
 * 1. Use `tone="sidebar"` when this heading renders on a `bg-sidebar` surface — the default tone's tokens are not guaranteed to contrast there.
 * 2. `accentColor` is optional — omit it for a plain title with no bar; when set, it maps to `colorTokens` and never hardcodes a color.
 */
export declare function SectionHeading({ title, description, tone, accentColor, className, }: SectionHeadingProps): React.JSX.Element;