'use client'

import { Box } from '@mui/material';
import { ISidebar } from '@/app/[locale]/(views)/profile/components/ISidebar';
import LandingLayout from '@/components/layout/landing-layout';
import IAboutUser from '@/app/[locale]/(views)/profile/components/IAboutUser';
import Container from '@/components/common/Container';

export default function Layout({ children, params }: { children: React.ReactNode; params: { locale: string } }) {
    return (
        <LandingLayout>
            <Container>
                <IAboutUser />
                {/*<Box display='flex' bgcolor='#f8f8f8' minHeight='50vh'>*/}
                <Box display='flex' flexDirection={{xs: 'column', md: 'row'}} bgcolor='#f8f8f8' minHeight='50vh'>
                    <ISidebar locale={params.locale} />

                    <Box flex={1}>
                        {children}
                    </Box>
                </Box>
            </Container>
        </LandingLayout>
    );
}
