import { ReactNode } from "react"; interface CardBase { /** * Custom css class name. */ className?: string; } export interface CardDefault extends CardBase { variant?: "default"; /** * Large decorative number/index shown at the top of the card (e.g. "01"). */ num: string; /** * Card title. */ title: string; /** * Card body content. */ children: ReactNode; } export interface CardTeam extends CardBase { variant: "team"; /** * Photo URL. */ photo: string; name: string; role: string; bio: ReactNode; linkedin: string; email: string; } export interface CardUseCase extends CardBase { variant: "use-case"; /** * Icon/thumbnail image URL. */ icon: string; title: string; /** * Shows a "Coming Soon" badge next to the title. */ comingSoon?: boolean; children: ReactNode; } export type Card = CardDefault | CardTeam | CardUseCase; export {};