import { SvgIconProps } from '@mui/material'; import { ComponentType } from 'react'; import { SelectionSummaryLabels } from './labels'; export interface SelectionSummaryProps { /** Number of currently selected items. */ count: number; /** Optional total — when `undefined` or `0` the component renders nothing (no data). */ total?: number; /** Clear callback. The Clear control is shown only when `count > 0` and `onClear` is provided. */ onClear?: () => void; labels?: Partial; icon?: ComponentType; iconProps?: SvgIconProps; } /** * Renders a `selected / total` count. * * Render rules: * - `!total` (undefined or 0) → render nothing (no data to summarize). * - `count === 0` → display `total / total` (everything is implicitly in * scope); no Clear button. * - `count > 0` → display `count / total` + Clear (when `onClear` is given). * * The count is two-tone by default (selected number bold/`text.primary`, * ` / total` in `text.secondary`). Pass `labels.summary` to render a custom * node instead — it receives the already-resolved displayed number (which * equals `total` when nothing is selected). */ export declare function SelectionSummary({ count, total, onClear, labels, icon: Icon, iconProps, }: SelectionSummaryProps): import("react/jsx-runtime").JSX.Element | null;