import { ReactNode } from 'react';
import { SxProps } from '@mui/material/styles';
interface StatusMessageCardProps {
    /** Leading status icon (e.g. a check-circle). */
    icon: ReactNode;
    /** Status message. */
    message: ReactNode;
    /** Card surface color token. */
    bgcolor?: string;
    /** Card border color token. */
    borderColor?: string;
    /** Message text color token. */
    messageColor?: string;
    sx?: SxProps;
}
/**
 * Single-line status/success message card: a leading icon and a bold message on
 * a colored, bordered surface.
 *
 * Figma: the `All Categorized!` success state of Uncategorized Transactions V2
 * (`Card / Content / Slot`) — green card (`success.100` bg, `success.main`
 * border, radius 8), check-circle icon + bold message. Reusable for any
 * icon + message status/empty state.
 *
 * Scope is the Content section only; Header/Description are out of scope.
 */
declare const StatusMessageCard: ({ bgcolor, borderColor, icon, message, messageColor, sx, }: StatusMessageCardProps) => import("react/jsx-runtime").JSX.Element;
export default StatusMessageCard;