Logo Logo.tsx

0% Statements 0/14

0% Branches 0/11

0% Functions 0/6

0% Lines 0/9

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React, { FC } from 'react'
import ExpandedGeneric from '../../../../static/img/logo/logo-expanded-generic.svg';
import ExpandedNoBGGeneric from '../../../../static/img/logo/logo-expanded-nobg-generic.svg'
import CompactGeneric from '../../../../static/img/logo/logo-compact-generic.svg';
import CompactSquareGeneric from '../../../../static/img/logo/logo-compact-square-generic.svg'
import CompactNoBGGeneric from '../../../../static/img/logo/logo-compact-nobg-generic.svg'
import styles from './Logo.module.css';
 
export type LogoPropsType = {
    variant?: 'compact' | 'compact-square' | 'expanded';
    hideBackground?: boolean
}
 
export const Expanded: FC = () => <ExpandedGeneric style={styles} />
export const ExpandedNoBG: FC = () =>  <ExpandedNoBGGeneric style={styles} />
export const Compact: FC = () => <CompactGeneric style={styles} />
export const CompactSquare: FC = () => <CompactSquareGeneric style={styles} />
export const CompactNoBG: FC = () => <CompactNoBGGeneric style={styles} />
 
export default ({
    variant = 'expanded',
    hideBackground = false
}) => {
    switch(variant) {
        case 'expanded':
            return hideBackground ? <ExpandedNoBG /> : <Expanded />;
        case 'compact':
            return hideBackground ? <CompactNoBG /> : <Compact />
        case 'compact-square':
            return hideBackground ? <CompactNoBG /> : <CompactSquare />
    }
 
}