import * as React from "react";
/**
 * PBS Circle Highlight: a perfect circle emphasizing key text ("ALL NEW", "UP NEXT").
 * Max 8 characters per line, max 3 lines. One per layout; never cropped, never filled with an
 * image or gradient, never combined with other graphic elements.
 * @dsCard components/graphic/graphic.card.html
 */
export interface CircleHighlightProps extends React.HTMLAttributes<HTMLDivElement> {
  /** Circle fill. @default "pbs" */
  fill?: "pbs" | "navy" | "medium" | "light" | "white";
  /** Text color (always 100% opacity). @default "white" */
  color?: "teal" | "yellow" | "coral" | "white" | "pbs";
  /** Diameter in px. @default 140 */
  size?: number;
  /** 80%-opacity fill for use over imagery/footage. @default false */
  translucent?: boolean;
  children?: React.ReactNode;
}
export function CircleHighlight(props: CircleHighlightProps): JSX.Element;