import * as React from 'react';
/** @startingPoint section="Content" subtitle="News card: hero, standard, or compact list row" viewport="700x420" */
export interface ArticleCardProps {
  /** hero = full-width lead; standard = boxed card w/ photo; compact = borderless list row @default 'standard' */
  variant?: 'hero' | 'standard' | 'compact';
  /** Uppercase kicker, e.g. "RECRUITING" */
  kicker?: string;
  title: string;
  /** One-sentence dek (hero/standard only) */
  dek?: string;
  author?: string;
  /** e.g. "2h ago" */
  time?: string;
  onClick?: () => void;
  style?: React.CSSProperties;
}
export declare function ArticleCard(props: ArticleCardProps): JSX.Element;
export declare function PhotoPlaceholder(props: { label?: string; ratio?: string; style?: React.CSSProperties }): JSX.Element;
export declare function Byline(props: { author?: string; time?: string; style?: React.CSSProperties }): JSX.Element;