src/components/Header/Header.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
28
29
30

/*
 * OpenBills - Self hosted browser app to generate and keep track of simple invoices
 * Version - 0
 * Licensed under the MIT license - https://opensource.org/licenses/MIT
 *
 * Copyright (c) 2021 Vidhu Kant Sharma
*/

import React from "react";
import { Link } from "react-router-dom";
import "./Header.scss";

const Header: React.FC = () => {
	return ( 
    <div className={"header"}> 
      <div className="placeholder"> 
        <p className="inlineBlock">OpenBills</p> 
      </div>

      <div className={"navBar"}>
        <nav> 
          <Link to="/">Home</Link>
          <Link to="/BillingPage">BillingPage</Link>
        </nav>
      </div>
    </div>
	)
}

export default Header