src/components/Header/index.tsx


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

import React from "react";
import { IoInformationCircleOutline } from "react-icons/io5";
import { appName } from "../../constants";

import * as Styled from "./index.styled";

interface Props {
  openInfoPopUp: () => void;
}

export function Header({ openInfoPopUp }: Props) {
  return (
    <Styled.Container>
      <Styled.Content>
        <IoInformationCircleOutline
          onClick={openInfoPopUp}
          size={30}
          width={30}
          height={30}
        />
        <a href="/">
        <Styled.Logo>{appName}</Styled.Logo>
        </a>
      </Styled.Content>
    </Styled.Container>
  );
}