import type { ReactNode } from 'react';
export interface OfferCardProps {
    /** Chip label at the top, e.g. "Dieses Angebot" or "Mehr Komfort". */
    chip: string;
    /** Chip color; defaults to blue when `highlighted`, neutral otherwise. */
    chipTone?: 'blue' | 'neutral';
    /** Offer name, bold 23px. */
    title: string;
    /** Muted one-liner under the title. */
    subtitle?: ReactNode;
    /** Bullet lines; each gets a blue check mark. */
    bullets: string[];
    /** Button label at the bottom of the card. */
    buttonLabel: string;
    /** Button target. */
    buttonHref: string;
    /** Button style; defaults to primary when `highlighted`, ghost otherwise. */
    buttonVariant?: 'primary' | 'ghost';
    /** 2px blue outline marking the offer this listing is about (`.kwac-offer-this`). */
    highlighted?: boolean;
}
/**
 * White rounded offer card (`.kwac-offer`, 22px radius, 30px padding): `Chip`,
 * title, muted subtitle, check-marked bullet list (`.kwac-offer-list`) and a
 * `Button` pinned to the bottom. `highlighted` draws the 2px blue border of the
 * current offer. Child of `Offers`.
 */
export declare function OfferCard({ chip, chipTone, title, subtitle, bullets, buttonLabel, buttonHref, buttonVariant, highlighted, }: OfferCardProps): import("react").JSX.Element;