import React from 'react'
import Head from 'next/head'
import Link from 'next/link'
import { useRouter } from 'next/router'
import 'bootstrap/dist/css/bootstrap.min.css'
const NavLink: React.FunctionComponent<{href: string}> = ({href, children}) => {
const router = useRouter();
const NavLinkClasses = (active) => {
if(active) {
return "nav-link active";
} else {
return "nav-link"
}
}
const NavLinkCurrent = (active) => {
if(active) {
return "page";
} else {
return undefined;
}
}
const active = router.pathname == href;
return (
{children}
);
}
const NavBar: React.FunctionComponent<{}> = () => {
return (
)
}
export class Layout extends React.Component<{
title: string
}> {
render () {
return (
{this.props.title} - TestAppRuna
{this.props.children}
)
}
}