import * as React from "react";
/**
 * Bold text on a highlighter-marker color swipe, used for strategy numbers
 * ("1.1 STAFFING") and fiscal-year callouts.
 * @dsCard components/editorial/editorial.card.html
 * @startingPoint section="Editorial" subtitle="Highlighter-swipe label" viewport="700x120"
 */
export interface HighlightLabelProps {
  children: React.ReactNode;
  /** @default "var(--accent-yellow)" */
  tone?: string;
  /** Text color. @default "var(--text-heading)" */
  ink?: string;
  style?: React.CSSProperties;
}
export function HighlightLabel(props: HighlightLabelProps): JSX.Element;