CommunityPage TitleWithIcon.tsx

100% Statements 6/6

100% Branches 1/1

100% Functions 2/2

100% Lines 5/5

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
37 5x
 
5x
 
21x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
66x
 
 
 
 
66x
 
 
 
 
 
 
 
 
 
  import { Typography } from "@mui/material";
import { ReactNode } from "react";
import makeStyles from "utils/makeStyles";
 
const useStyles = makeStyles((theme) => ({
  root: {
    alignItems: "center",
    display: "flex",
  },
  text: {
    margin: 0,
    marginInlineStart: theme.spacing(1),
  },
}));
 
interface TitleWithIconProps {
  icon: ReactNode;
  children: string;
  variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
}
 
export default function TitleWithIcon({
  icon,
  children,
  variant = "h1",
}: TitleWithIconProps) {
  const classes = useStyles();
  return (
    <div className={classes.root}>
      {icon}
      <Typography variant={variant} className={classes.text}>
        {children}
      </Typography>
    </div>
  );
}