import { Outlet } from 'react-router-dom';
import { Header } from './Header';
import { Footer } from './Footer';
import { ModalContainer } from '../Main/ModalContainer';
import { Contacts } from '../Main/Contacts';
import { Clients } from '../Main/Clients';
import { ScrollToHashElement } from './ScrollToHashElement';
// import TelegramPopup from '../popups/TelegramPopup';
import CookiesPopup from '../popups/CookiesPopup';

export function Layout() {
  return (
    <>
      {/* <TelegramPopup /> */}
      <CookiesPopup />
      <ScrollToHashElement />
      <Header />
      <main className="lg:px-10 sm:px-6 relative px-4 overflow-clip">
        <Outlet />
        <Clients />
        <Contacts />
      </main>
      <Footer />
      <ModalContainer />
    </>
  );
}
