All files / app/features/landing MapSection.tsx

0% Statements 0/12
100% Branches 0/0
0% Functions 0/4
0% Lines 0/11

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                                                                     
import { Typography } from "@mui/material";
import CenteredSpinner from "components/CenteredSpinner/CenteredSpinner";
import { useTranslation } from "i18n";
import { LANDING } from "i18n/namespaces";
import dynamic from "next/dynamic";
import { theme } from "theme";
 
const StaticMap = dynamic(() => import("components/StaticMap"), {
  loading: () => <CenteredSpinner />,
  ssr: false,
});
 
const MapSection = () => {
  const { t } = useTranslation([LANDING]);
 
  return (
    <>
      <Typography
        sx={{
          fontSize: "3rem",
          fontWeight: "bold",
          marginBottom: 4,
 
          [theme.breakpoints.down("md")]: { fontSize: "1.8rem" },
        }}
      >
        {t("map_section_title")}
      </Typography>
      <StaticMap />
    </>
  );
};
 
export default MapSection;