import * as React from 'react';
/** @startingPoint section="Content" subtitle="Recruiting commitment row with ★ rating" viewport="700x140" */
export interface RecruitCardProps {
  name: string;
  /** e.g. "QB", "EDGE" */
  position?: string;
  /** ★ rating 1–5 @default 3 */
  stars?: number;
  /** "City, ST" */
  hometown?: string;
  /** High school name */
  school?: string;
  /** @default 'committed' */
  status?: 'committed' | 'flipped' | 'official_visit' | 'decommitted';
  /** Program name shown under the badge */
  committedTo?: string;
  style?: React.CSSProperties;
}
export declare function RecruitCard(props: RecruitCardProps): JSX.Element;