AuthHeader AuthHeader.tsx

0% Statements 0/8

100% Branches 0/0

0% Functions 0/2

0% Lines 0/7

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 { Divider, Typography } from "@material-ui/core";
import React from "react";
import makeStyles from "utils/makeStyles";
 
const useStyles = makeStyles((theme) => ({
  divider: {
    border: "3px solid rgba(246, 138, 12, 0.7)",
    boxShadow: "0px 4px 4px rgba(0, 0, 0, 0.25)",
    left: theme.spacing(1),
    position: "absolute",
    width: "100%",
  },
  header: {
    marginBottom: theme.spacing(4),
    position: "relative",
  },
  typography: {
    [theme.breakpoints.up("md")]: {
      marginTop: 0,
    },
  },
}));
 
export default function AuthHeader(props: { children: React.ReactNode }) {
  const classes = useStyles();
 
  return (
    <div className={classes.header}>
      <Typography variant="h1" className={classes.typography}>
        {props.children}
      </Typography>
      <Divider className={classes.divider} />
    </div>
  );
}