import { SxProps, Theme } from '@mui/material';
import { ReactNode } from 'react';
export interface NumberBadgeProps {
    children: ReactNode;
    /** Palette key driving the fill (`<color>.main`) and the text (`<color>.contrastText`) */
    color?: "primary" | "secondary" | "error" | "info" | "success" | "warning";
    /** Injected by MapView from the marker `size` when used as a marker IconComponent */
    width?: number;
    height?: number;
    sx?: SxProps<Theme>;
}
/**
 * Standalone numbered disc badge. Made to identify the same item across two surfaces —
 * e.g. a card in a list and its marker on a map — at a glance.
 */
declare const NumberBadge: ({ children, color, width, height, sx }: NumberBadgeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export default NumberBadge;