Untitled

import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faBars, faHome, faPlus  } from '@fortawesome/free-solid-svg-icons';
import { NavLink } from 'react-router-dom';
import './Navbar.scss';

const Navbar = () => {
    return (
        <nav className="nav">
            <div className="nav__left">
                <ul>
                    <li>
                        <FontAwesomeIcon icon={faBars} />
                    </li>
                    <li>
                        <NavLink to="/">
                            <FontAwesomeIcon icon={faHome} />
                        </NavLink>
                    </li>
                    <li>
                        <input type="text" />
                    </li>
                </ul>
            </div>

            <div className="nav__right">
                <ul>
                    <li>
                        <FontAwesomeIcon icon={faPlus} />
                    </li>
                    <li>
                        <NavLink to="/completed">Completed</NavLink>
                    </li>
                </ul>
            </div>
        </nav>
    );
};

export default Navbar;