import { ReactNode } from 'react';
import { SxProps } from '@mui/material/styles';
interface P2PLogoStackProps {
    /** Brand/merchant logo visuals (rendered as shadowed, cascading tiles). */
    logos: ReactNode[];
    /**
     * Total number of merchants. When it exceeds the rendered logos, the last
     * tile becomes a "+N" more indicator. Defaults to `logos.length`.
     */
    total?: number;
    /** Logo tile size in px (Figma: 64). */
    size?: number;
    /**
     * Fixed height of the cascading row in px (Figma `Logos` frame: 106). Gives
     * the staircase `mt` offsets room without collapsing.
     */
    rowHeight?: number;
    /**
     * Optional status element rendered below the logos (Figma: the full-width
     * "Categorized" `<StatusPill>` in P2P's categorized state). Pass a
     * `<StatusPill sx={{ alignSelf: 'stretch', justifyContent: 'center' }} />`.
     */
    status?: ReactNode;
    sx?: SxProps;
}
/**
 * A cascading row of shadowed brand tiles with an optional "+N" overflow tile
 * (Peer-to-Peer Categorization). Layout math ported locally from v1
 * `shared/P2P/P2PMultipleCategorization`.
 */
declare const P2PLogoStack: ({ logos, rowHeight, size, status, total, sx, }: P2PLogoStackProps) => import("react/jsx-runtime").JSX.Element;
export default P2PLogoStack;