GroupTitle index.tsx

0% Statements 0/35

0% Branches 0/1

0% Functions 0/1

0% Lines 0/35

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 Typography from '@mui/material/Typography';
import { Theme } from '@/theme';

export interface IGroupTitleProps {
  title?: string;
  caption?: string;
}
export default function GroupTitle(props: IGroupTitleProps) {
  const { title, caption } = props;
  return (
    <>
      <Typography
        sx={(theme: Theme) => ({
          ml: theme.spacing(2),
          fontWeight: theme.typography.fontWeightMedium,
          color: theme.palette.grey[700]
        })}
      >
        {title}
      </Typography>
      <Typography
        variant="caption"
        sx={(theme: Theme) => ({
          ...theme.typography.caption,
          ml: theme.spacing(2),
          color: theme.palette.grey[600]
        })}
        display="block"
        gutterBottom
      >
        {caption}
      </Typography>
    </>
  );
}