import React from "react";
import type { LsgCtaAnalytics } from "../analytics/analyticsEvents";
import "./LsgCard.scss";
export type LsgCardVariant = "withImage" | "onlyText" | "withIcon";
export type LsgCardColumns = 2 | 3 | 4 | 5;
export interface LsgCardCta {
    label: string;
    href: string;
    external?: boolean;
    /** Optional `vt_cta_click` overrides. */
    analytics?: LsgCtaAnalytics;
}
export interface LsgCardProps {
    title: string;
    preTitle?: string;
    subtitle?: string;
    description?: string;
    imageUrl?: string;
    imageAlt?: string;
    iconUrl?: string;
    iconAlt?: string;
    /** Makes the complete card interactive when provided. */
    href?: string;
    cta?: LsgCardCta;
    variant?: LsgCardVariant;
    className?: string;
}
export declare const LsgCard: React.FC<LsgCardProps>;
export interface LsgCardsProps {
    cards: LsgCardProps[];
    columns?: LsgCardColumns;
    className?: string;
}
/** Renders the AEM/Storybook compatible responsive card grid. */
export declare const LsgCards: React.FC<LsgCardsProps>;