import Renderer from './Renderer.tsx'

function App() {

  return (
    <>
    <header className="bg-gray-100 border-b-2">
        <nav className="mx-auto flex max-w-7xl items-center justify-between p-3 lg:px-8" aria-label="Global">
          <div className="flex lg:flex-1">
            <a href="#" className="-m-1.5 p-1.5">
              <span className="sr-only">Your Company</span>
              <img className="h-12 w-auto" src="./brunsviga_icon.svg" alt=""/>
            </a>
          </div>
          <div className="hidden lg:flex lg:gap-x-12">
          <a href="#" className="text-sm font-semibold leading-6 text-gray-900">Brunsviga RK 13</a>
            <a href="#" className="text-sm font-semibold leading-6 text-gray-900">Thesis</a>
            <a href="#" className="text-sm font-semibold leading-6 text-gray-900">Source</a>
            <a href="#" className="text-sm font-semibold leading-6 text-gray-900">Credits</a>
          </div>
          <div className="hidden lg:flex lg:flex-1 lg:justify-end"/>
        </nav>
      </header>
      <Renderer/>
    </>
  )
}

export default App