import { Box, SxProps, Theme } from "@mui/material"; import { ReactElement } from "react"; const numberSvgs: Record = { 0: ( ), 1: ( ), 2: ( ), 3: ( ), 4: ( ), 5: ( ), 6: ( ), 7: ( ), 8: ( ), 9: ( ), }; interface Props { number: number; color: string; backgroundColor?: string; sx?: SxProps; } export default function NumberIcon({ number, backgroundColor = "rgb(0 0 0 / 0)", color, sx }: Props) { const numberElement = numberSvgs[number] ?? numberSvgs[0]; return ( {numberElement} ); }