"use client";

import { useEffect } from "react";

import "../public/scss/main.scss";
import "photoswipe/dist/photoswipe.css";
import "rc-slider/assets/index.css";
import "../public/css/admin.css";
import ClientShell from "@/components/layouts/ClientShell";
import { I18nProvider } from "@/context/I18nContext";

export default function RootLayout({ children }) {
	useEffect(() => {
		import("bootstrap/dist/js/bootstrap.esm").catch(() => {});
	}, []);

	return (
		<html lang='ro' dir='ltr'>
			<body className='preload-wrapper' dir='ltr'>
				<I18nProvider>
					<ClientShell>{children}</ClientShell>
				</I18nProvider>
			</body>
		</html>
	);
}
