import * as React from "react";
/**
 * PBS Large Circle Highlight: a bold centered circle filled with the Primary Gradient at 80%
 * opacity, cropped by the top and bottom of the frame, over WIDE background imagery.
 * Never: solid fill, full/reduced opacity, imagery inside, side-cropping, off-center placement,
 * solid-color backgrounds, or covering faces in the background.
 * @dsCard components/graphic/graphic.card.html
 * @startingPoint section="Graphic Elements" subtitle="Large Circle Highlight over imagery" viewport="700x300"
 */
export interface LargeCircleHighlightProps extends React.HTMLAttributes<HTMLDivElement> {
  /** Wide background image/footage still (required by brand rules). */
  src?: string;
  /** Circle diameter as a multiple of panel height (>1 so it crops top+bottom). @default 1.3 */
  size?: number;
  contentStyle?: React.CSSProperties;
  children?: React.ReactNode;
}
export function LargeCircleHighlight(props: LargeCircleHighlightProps): JSX.Element;