export type BayeHeroStatusPill = { label: string; variant: "accent" | "muted"; }; export type BayeHeroProps = { eyebrow?: string; headline?: string; headlineAccent?: string; subtitle?: string; statusPills?: BayeHeroStatusPill[]; }; const DEFAULT_PILLS: BayeHeroStatusPill[] = [ { label: "MLB PRE-GAME ONLY", variant: "accent" }, { label: "NO PICKS", variant: "muted" }, { label: "SOURCES SHOWN", variant: "muted" }, ]; const pillStyle = (variant: BayeHeroStatusPill["variant"], rounded: "pill" | "card") => ({ backgroundColor: variant === "accent" ? "rgba(255,106,0,0.08)" : "transparent", border: `1px solid ${variant === "accent" ? "rgba(255,106,0,0.35)" : "#262626"}`, color: variant === "accent" ? "#ff6a00" : "#7c7468", borderRadius: rounded === "pill" ? "9999px" : "8px", padding: rounded === "pill" ? "6px 12px" : "12px 16px", fontSize: rounded === "pill" ? "12px" : "14px", fontWeight: 500, }); export function BayeHero({ eyebrow = "MLB DATA BRIEF AGENT", headline = "Pre-Game Intelligence for", headlineAccent = "Baye", subtitle = "Real-time MLB analytics and data aggregation from verified sources", statusPills = DEFAULT_PILLS, }: BayeHeroProps) { return (

{eyebrow}

{headline}{" "} {headlineAccent}

{subtitle}

{statusPills.map((pill) => (

{pill.label}

))}

); } export default BayeHero;