import { ButtonBaseProps } from '@mui/material'; import { ReactNode } from 'react'; import { IconMapping } from '../../Icons'; import { FoodsIconButtonProps } from '../../Button'; export type ScoreOverviewCardLevel = { label: string; colors: { background: string; foreground: string; }; }; export type ScoreOverviewCardVariationAction = { ariaLabel: string; controls: string; onOpen: NonNullable["onClick"]>; open: boolean; }; type ScoreOverviewCardBaseProps = { disabled?: boolean; icon: keyof IconMapping; level?: ScoreOverviewCardLevel; onSelect: NonNullable; selected: boolean; selectionLabel: string; title: string; unit: string; valueAdornment?: ReactNode; variationAction?: ScoreOverviewCardVariationAction; variationLabel: string; }; type LoadedScoreOverviewCardProps = ScoreOverviewCardBaseProps & { emptyLabel?: never; isLoading?: false; value: string; }; type EmptyScoreOverviewCardProps = ScoreOverviewCardBaseProps & { emptyLabel: string; isLoading?: false; value: null; }; type LoadingScoreOverviewCardProps = ScoreOverviewCardBaseProps & { emptyLabel?: never; isLoading: true; value?: never; }; export type ScoreOverviewCardProps = LoadedScoreOverviewCardProps | EmptyScoreOverviewCardProps | LoadingScoreOverviewCardProps; /** * Controlled score selector card for Product score overviews. * * Figma provenance: selected `14219:66823`; inactive `14219:66824`, * `14219:66825`, and `14219:66826`. Consumers own score data, variation * menus, level semantics, formatting, and selection state. */ export declare const ScoreOverviewCard: (props: ScoreOverviewCardProps) => import("react/jsx-runtime").JSX.Element; export {};