import type { ReactNode } from 'react';
export interface HeroLink {
    label: string;
    href: string;
}
export interface HeroImage {
    src: string;
    alt: string;
    /** Small uppercase caption under the image. */
    caption?: string;
}
export interface HeroProps {
    /** Small muted line above the headline, e.g. "Komplettset für den VW Touran 5T1". */
    eyebrow?: string;
    /** The product headline: two short sentences, product first, benefit second. */
    title: ReactNode;
    /** Muted lead paragraph (18-23px). */
    lead?: ReactNode;
    /** Blue standalone links under the lead; each gets a trailing chevron. */
    links?: HeroLink[];
    /** Product photo on white with optional caption, max 860px wide. */
    image?: HeroImage;
}
/**
 * Opening hero (`.kwac-hero`): centered eyebrow, oversized bold headline
 * (`.kwac-h1`, up to 72px, tight tracking), muted lead, a row of `TextLink`s and
 * the hero product image with an uppercase caption. Place directly after `VehicleBar`.
 */
export declare function Hero({ eyebrow, title, lead, links, image }: HeroProps): import("react").JSX.Element;