import * as React from "react";
/**
 * Full-width solid-color heading bar: report section headers like
 * "Table of Contents" or "Key Pillars".
 * @dsCard components/editorial/editorial.card.html
 * @startingPoint section="Editorial" subtitle="Full-width heading bar" viewport="700x100"
 */
export interface SectionBarProps {
  children: React.ReactNode;
  /** @default "var(--accent-yellow)" */
  tone?: string;
  ink?: string;
  style?: React.CSSProperties;
}
export function SectionBar(props: SectionBarProps): JSX.Element;