import Footer from '@/components/layout/footer';
import Header from '@/components/layout/header';
import Link from 'next/link';
import React from 'react';

export default function Layout({ children }: { children: React.ReactNode }) {
  return (
    <div className='d-flex flex-column min-vh-100'>
      <Header />
      <main className='container flex-grow-1'>
        <nav className='d-flex gap-2 my-4'>
          <Link href={'/staff/'} className='text-decoration-none'>
            <div className='box'>Escaner</div>
          </Link>
          <Link
            href={'/staff/lista-manual'}
            className='text-decoration-none'
          >
            <div className='box'>Lista manual</div>
          </Link>
        </nav>
        {children}
      </main>
      <Footer />
    </div>
  );
}
