/**
 * <CardHitLayer> — THE full-bleed click target for media cards.
 *
 * A CONTENTLESS `<a>`/`<button>` stretched over its positioned parent. Cards
 * that show a video with overlaid chrome (walkthrough mini player, video-bite
 * cards) all need the same thing: the whole card is one click target, while the
 * visible label/controls sit above it as their own positioned elements.
 *
 * Why contentless: putting the label INSIDE the interactive element makes the
 * element content-sized, so it collapses around the label instead of covering
 * the card — that produced both a mis-placed title and a mostly-unclickable
 * card in the walkthrough widget. Separating "what you click" from "what you
 * see" makes both deterministic.
 *
 * Why a component and not a copied className: the two consumers drifted (only
 * one had `cursor-pointer`, only one covered the full card), which is exactly
 * the class of inconsistency this exists to prevent.
 *
 * The host owns stacking + hover gating via `className` (e.g. `z-20`, or the
 * bite strip's touch gating, `isTouch && !isActive`).
 */
import React from 'react';
export interface CardHitLayerProps {
    /** Accessible name. The layer has no content, so this IS its label. */
    label: string;
    /** Renders an anchor when set, otherwise a button. */
    href?: string | null;
    onClick?: (e: React.MouseEvent) => void;
    /** Runs before click — used to stop media synchronously (audio-blip guard). */
    onPointerDown?: (e: React.PointerEvent) => void;
    /** Stacking + pointer-event gating supplied by the host. */
    className?: string;
    /** Marquee loop-clone: keep the pointer affordance and the click, but stay
     *  out of the a11y tree and the tab order so the duplicate copy does not
     *  double every link. Without this, clones rendered NO hit layer at all —
     *  so the visible half of a marquee had no pointer cursor and no click. */
    decorative?: boolean;
}
export declare function CardHitLayer({ label, href, onClick, onPointerDown, className, decorative, }: CardHitLayerProps): React.ReactElement;
//# sourceMappingURL=card-hit-layer.d.ts.map