LogoBox LogoBox.tsx

0% Statements 0/44

0% Branches 0/1

0% Functions 0/1

0% Lines 0/44

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
38
39
40
41
42
43
44
45  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { styled } from '@mui/material/styles';
import WebhookIcon from '@mui/icons-material/Webhook';

const HeaderContainer = styled('div')(({ theme }) => ({}));

const HeaderInnerWrapper = styled('div')(({ theme }) => ({
  height: '100%',
  display: 'flex',
  justifyContent: 'flex-end'
}));

const HeaderItemWrapper = styled('div')(() => ({
  display: 'flex',
  flexDirection: 'column',
  justifyContent: 'center'
}));

const HeaderTitle = styled('div')(({ theme }) => ({
  width: '126px',
  textAlign: 'left',
  marginLeft: '14px',
  color: theme.palette.common.black,
  fontWeight: theme.typography.h5.fontWeight,
  fontSize: theme.typography.h5.fontSize
}));

export interface ILogoBoxProps {
  title?: string;
}
export default function LogoBox(props: ILogoBoxProps) {
  const { title } = props;
  return (
    <HeaderContainer>
      <HeaderInnerWrapper>
        <HeaderItemWrapper>
          <WebhookIcon sx={{ fontSize: 36, color: 'rgba(51,102,255,0.8)' }} />
        </HeaderItemWrapper>
        <HeaderItemWrapper>
          <HeaderTitle>{title}</HeaderTitle>
        </HeaderItemWrapper>
      </HeaderInnerWrapper>
    </HeaderContainer>
  );
}