import { ReactNode } from 'react'; import { SxProps } from '@mui/material/styles'; interface LogoTileProps { /** Logo/brand visual (arbitrary children). */ children: ReactNode; /** Square size in px. */ size?: number; /** Surface color token. */ bgcolor?: string; /** Border color token. */ borderColor?: string; /** * Drop-shadow: `'offset'`/`true` = hard bottom-right (merchant, P2P); * `'elevation'` = soft `0 2px 8px`; `false` (default) = none. */ shadow?: boolean | 'offset' | 'elevation'; /** * Reserve layout space for the offset shadow (margin = shadow offset) so a * sibling flex `gap` clears it. Default true; ignored unless shadow is offset. */ reserveShadowSpace?: boolean; sx?: SxProps; } /** * The shared rounded brand/logo tile primitive (MerchantHighlightCard, * P2PLogoStack, LogoClusterCard): fixed square, 1px border, optional shadow. * Named `LogoTile` (not `MerchantLogo`) to avoid colliding with MXUI's * `MerchantLogo` export. */ declare const LogoTile: ({ bgcolor, borderColor, children, reserveShadowSpace, shadow, size, sx, }: LogoTileProps) => import("react/jsx-runtime").JSX.Element; export default LogoTile;