/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { HTMLAttributes, PropsWithChildren } from 'react';
export type CardProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
/**
 * A brief section of a heading, some text, and optionally an image, that leads to a related page.
 *
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-card--docs Card docs at Amsterdam Design System}
 */
export declare const Card: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLElement>> & {
    Content: import("react").ForwardRefExoticComponent<Readonly<PropsWithChildren<HTMLAttributes<HTMLDivElement>>> & import("react").RefAttributes<HTMLDivElement>>;
    Heading: import("react").ForwardRefExoticComponent<{
        readonly color?: "inverse";
        readonly level: 1 | 2 | 3 | 4;
        readonly size?: "level-1" | "level-2" | "level-3" | "level-4" | "level-5";
    } & Readonly<PropsWithChildren<HTMLAttributes<HTMLHeadingElement>>> & import("react").RefAttributes<HTMLHeadingElement>>;
    HeadingGroup: import("react").ForwardRefExoticComponent<{
        readonly tagline?: string;
    } & Readonly<PropsWithChildren<HTMLAttributes<HTMLElement>>> & import("react").RefAttributes<HTMLElement>>;
    Image: import("react").ForwardRefExoticComponent<{
        readonly alt: string;
    } & Readonly<import("../common/types").AspectRatioProps> & Readonly<Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, "children">> & import("react").RefAttributes<HTMLImageElement>>;
    Link: import("react").ForwardRefExoticComponent<{
        readonly linkComponent?: import("react").ElementType;
    } & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
        children?: import("react").ReactNode | undefined;
    } & import("react").RefAttributes<HTMLAnchorElement>>;
};