import { ReactNode } from 'react';
import { SxProps } from '@mui/material/styles';
interface LogoClusterCardProps {
    /** Brand/merchant logo visuals, rendered as a row of tiles. */
    logos: ReactNode[];
    /** Tile size in px. */
    logoSize?: number;
    /** Card surface color/background token or CSS background string. */
    background?: string;
    /**
     * Stagger the tiles diagonally (Figma cycles each tile's vertical alignment
     * top -> center -> bottom). When false, all tiles are vertically centered.
     * Default true.
     */
    stagger?: boolean;
    /**
     * Overlay a 1-based rank badge on the top-left of each tile (Figma: Monthly
     * Top Merchant Spending V3). Default false.
     */
    ranked?: boolean;
    /**
     * Accessible label for each rank badge, given the 1-based rank. Lets the
     * consumer pass localized copy (e.g. from the copy store) and control word
     * order. Defaults to `Rank {n}` — callers in a localized context must supply a
     * copy-store-derived function, or they will ship the English default.
     */
    rankLabel?: (rank: number) => string;
    /**
     * Optional element rendered below the logo row (e.g. a `<StatusPill>`).
     * Figma: a status stacked beneath the logos on the slot.
     */
    footer?: ReactNode;
    sx?: SxProps;
}
/**
 * A row of rounded brand/logo tiles on a card surface, diagonally staggered
 * (top -> center -> bottom). Figma: Monthly Subscription Aggregate V2.
 */
declare const LogoClusterCard: ({ background, footer, logoSize, logos, ranked, rankLabel, stagger, sx, }: LogoClusterCardProps) => import("react/jsx-runtime").JSX.Element;
export default LogoClusterCard;