text: import { useState } from 'react';
  import { useHistory } from "react-router-dom";
  
  import './visuals.scss';
  
  const BottomNav = ( props ) => {
    return (
      <div className="bottom-nav col-4">
        <div className="">
          W
        </div>
        <div className="">
          R
        </div>
        <div className="">
          C
        </div>
      </div>
    );
  };
  
  export default BottomNav;