import { Outlet } from 'react-router';
import { HeaderMenu } from '../../components/HeaderMenu/HeaderMenu';

export const Layout = () => {
  return (
    <div
      className="flex flex-col h-screen overflow-hidden"
      style={{
        height: '100vh',
      }}
    >
      <HeaderMenu />
      <main
        className="flex-1 flex flex-col"
        style={{ height: ' calc(100vh - 3.75rem)' }}
      >
        <Outlet />
      </main>
    </div>
  );
};
