import { Routes, Route, NavLink } from 'react-router-dom'
import Home from './pages/Home'
import About from './pages/About'

export default function App(): JSX.Element {
  return (
    <div className="shell">
      <nav className="nav">
        <span className="logo">⚡ mixone</span>
        <NavLink to="/" end>Overview</NavLink>
        <NavLink to="/about">About & Packaging</NavLink>
      </nav>
      <div className="main">
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/about" element={<About />} />
        </Routes>
      </div>
    </div>
  )
}