import * as React from "react";
/**
 * Circular headshot with a coral ring border, name and title caption,
 * used for board/leadership bylines in printed reports.
 * @dsCard components/editorial/editorial.card.html
 * @startingPoint section="Editorial" subtitle="Ringed headshot with caption" viewport="700x180"
 */
export interface RingAvatarProps {
  src: string;
  alt?: string;
  name?: string;
  title?: string;
  /** Ring color. @default "var(--accent-coral)" */
  ring?: string;
  size?: number;
  style?: React.CSSProperties;
}
export function RingAvatar(props: RingAvatarProps): JSX.Element;