import * as React from "react";

/** Mono, uppercased kicker above headings. */
export interface EyebrowProps extends React.HTMLAttributes<HTMLSpanElement> {
  children?: React.ReactNode;
  /** "rule" (leading hairline, default), "capsule" (pill), or "plain". */
  variant?: "rule" | "capsule" | "plain";
  /** "dark" renders gold over ink-navy. @default "light" */
  tone?: "light" | "dark";
}
export function Eyebrow(props: EyebrowProps): JSX.Element;