import { ReactNode } from 'react';
import { SxProps } from '@mui/material/styles';
interface BadgedTileProps {
    /** The tile's subject: a logo, an icon, any square visual. */
    center: ReactNode;
    /** Badge overhanging the top-right corner (e.g. a `<StatusBadge>`). */
    topRight?: ReactNode;
    /** Badge overhanging the bottom-left corner (Duplicate Payment's second logo). */
    bottomLeft?: ReactNode;
    /** Tile size in px. Default 44. */
    size?: number;
    sx?: SxProps;
}
/**
 * A square tile with up to two badges overhanging its corners.
 *
 * Figma 1941:111897 (Embedded | Large Transaction): the row logo with a status badge on its
 * top-right. The padding is the room the badges need to overhang without being clipped by the
 * card, so it stays even when a slot is empty and the tile keeps one size across insights.
 */
declare const BadgedTile: ({ bottomLeft, center, size, sx, topRight }: BadgedTileProps) => import("react/jsx-runtime").JSX.Element;
export default BadgedTile;