import type { ReactNode } from 'react';
export interface DarkHeroLink {
    label: string;
    href: string;
}
export interface DarkHeroTile {
    src: string;
    alt: string;
    /** Bold caption line, e.g. "Anhängerkupplung, starr". */
    title: string;
    /** Muted second caption line, e.g. "Traverse und angeschraubter Kugelkopf". */
    sub?: string;
}
export interface DarkHeroFit {
    /** Vehicle image (wide, on transparent/black). */
    src: string;
    alt: string;
    /** Tiny uppercase label, defaults to "Passend für". */
    label?: string;
    /** Vehicle name, e.g. "VW Touran 5T1". */
    model: string;
    /** Muted line under the model, e.g. "Baujahr 05.2015 – jetzt". */
    sub?: string;
}
export interface DarkHeroProps {
    /** Gray eyebrow above the headline. */
    eyebrow?: string;
    /** Oversized white headline (up to 84px). Use `<br />` for the line break between the two sentences. */
    title: ReactNode;
    /** Muted lead paragraph. */
    lead?: ReactNode;
    /** Light-blue standalone links under the lead. */
    links?: DarkHeroLink[];
    /** Product tiles on light gray below the copy (two in the template). */
    tiles?: DarkHeroTile[];
    /** "Passend für" row with the vehicle image, separated by a dark hairline. */
    fit?: DarkHeroFit;
}
/**
 * Dark full-bleed opening hero (`.kwac-hero.kwac-hero-dark`): near-black band
 * with centered eyebrow, oversized white headline, muted lead and light-blue
 * links, followed by light-gray product tiles and the "Passend für" vehicle row.
 * Replaces `Hero` at the top of the long product page; follows `VehicleBar`,
 * precedes `StatsRow`.
 */
export declare function DarkHero({ eyebrow, title, lead, links, tiles, fit }: DarkHeroProps): import("react").JSX.Element;