import { Nano } from "../deps.ts";
const { h } = Nano;

export function Main(a: any) {
   return (
      <div style="grid-area: main">
         <div class="paper">{a.children}</div>
      </div>
   );
}

export function Menu(a: any) {
   return (
      <div style="grid-area: menu">
         <div class="paper">
            {/* <div class="row flex-right">
               <button class="sm-4">Login</button>
               <button class="sm-4">SignUp</button>
            </div> */}
            <h3 class="sidebar-title" style="text-align:center">
               <a href="/" style="all:inherit;">
                  DenReg
               </a>
            </h3>

            {a.children}
         </div>
      </div>
   );
}