All files / components/Header Header.tsx

100% Statements 25/25
100% Branches 1/1
100% Functions 1/1
100% Lines 25/25

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 261x 1x 1x 1x 1x 1x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 1x 1x  
import { c } from '../../helpers';
import { ICON_POSITION } from './HeaderConstants';
import { HeaderProps } from './HeaderProps';
 
import styles from './Header.module.css';
 
function Header({
  title,
  iconPosition = ICON_POSITION.LEFT,
  imgLogo,
}: HeaderProps): JSX.Element {
  return (
    <div className={c(styles.header)}>
      <h1>
        <span
          className={c(styles.icon, styles[iconPosition])}
          style={{ backgroundImage: `url(${imgLogo})` }}
        />
        {title}
      </h1>
    </div>
  );
}
 
export default Header;