components SummaryComponent.tsx

0% Statements 0/2

0% Branches 0/2

0% Functions 0/1

0% Lines 0/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Text } from "@common/Text";
import { Box, Divider } from "@mui/material";
import { memo } from "react";
 
const SummaryComponent = ({
  label,
  value,
  arr,
  idx,
}: {
  value: string | number;
  label: string;
  arr: any[];
  idx: number;
}) => (
  <div>
    <Box
      alignItems="center"
      justifyContent="space-between"
      display="flex"
      my="8px"
      maxWidth="90%"
    >
      <Text fontWeight="book" color="#575353" fontSize="14px">
        {label}
      </Text>
      <Text fontWeight="regular" color="#292727" fontSize="14px">
        {value}
      </Text>
    </Box>
    {arr.length - 1 !== idx && <Divider />}
  </div>
);
 
export default memo(SummaryComponent);