import { FC, ReactNode } from 'react' 
import { Link } from 'react-router-dom'
import './App.css'

type Props = {
  children: ReactNode
}

const App: FC<Props> = ({ children }) => ( 
  <div className="App">
    <ul className="menu">
      <li><Link to="/">Strona główna</Link></li>
      <li><Link to="/about">O stronie</Link></li>
      <li><Link to="/contacts">Osoby kontaktowe</Link></li>
      <li><Link to="/contact">Osoba kontaktowa</Link></li>
    </ul>

    {children}
  </div> 
)

export default App