confirm machinary tanafos and sakht period

src/core/components/NumberShowBox.jsx

@@ -0,0 +1,20 @@
+import {Box, Typography} from "@mui/material";
+
+const NumberShowBox = ({showNumber, headerTitle, unitTitle}) => {
+    console.log({showNumber})
+    return (
+        <>
+            <Box sx={{border: '1px solid #ccc', p: 2, mb: 2, borderRadius: '8px'}}>
+                <Typography
+                    sx={{color: "primary.main", fontWeight: 500}}>{headerTitle}</Typography>
+                <Typography pt={1}>
+                    {isNaN(showNumber)
+                        ? ""
+                        : (showNumber).toLocaleString()}{" "}
+                    {unitTitle}
+                </Typography>
+            </Box>
+        </>
+    );
+};
+export default NumberShowBox