All files / src/sections/PayBuilder/components/products/Hero LogoImage.tsx

75% Statements 3/4
50% Branches 1/2
100% Functions 1/1
100% Lines 3/3

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    46x             6x   6x                            
import { Box } from "@mui/material";
 
export const LogoImage = ({
  src,
  height,
}: {
  src?: string;
  height?: string;
}) => {
  Iif (!src) return null;
 
  return (
    <Box
      component="img"
      src={src}
      alt="Hero"
      sx={{
        height,
        objectFit: "contain",
        borderRadius: 4,
        objectPosition: "50% 50%",
      }}
    />
  );
};