Topbar.jsx 487 Bytes
import { Link } from "react-router-dom";
// styles
import "../styles/bar.scss";
import { FcHome } from "react-icons/fc";
import { AiFillSetting } from "react-icons/ai";

function Topbar() {
  return (
    <div className="topbar">
      <Link to="/" className="logo">
        <FcHome />
      </Link>
      <div className="title">🤖 Weather Chatbot</div>
      <Link to="/settings" className="settings">
        <AiFillSetting />
      </Link>
    </div>
  );
}

export default Topbar;