import * as React from 'react';
/** @startingPoint section="Content" subtitle="Game score card: live, final, or upcoming" viewport="700x180" */
export interface ScoreBugTeam {
  name: string;
  /** 2-letter mark shown in the circle; defaults to first 2 letters of name */
  abbr?: string;
  /** AP rank */
  rank?: number;
  /** e.g. "(8-1)" */
  record?: string;
  score?: number | string;
  /** Circle color, e.g. a team hex */
  color?: string;
}
export interface ScoreBugProps {
  away: ScoreBugTeam;
  home: ScoreBugTeam;
  /** @default 'final' */
  status?: 'live' | 'final' | 'upcoming';
  /** Status detail, e.g. "Q3 4:12", "FINAL/OT", "Sat 3:30 PM" */
  detail?: string;
  style?: React.CSSProperties;
}
export declare function ScoreBug(props: ScoreBugProps): JSX.Element;