'use client';

import React from 'react';
import { MainContent } from '../components/dashboard/layout/mainContent';
import Header from '../components/dashboard/header/Header';
import { LayoutWrapper } from '../components/dashboard/layout/layoutWrapper';
import Sidebar from '@/app/components/dashboard/sidebar/Sidebar';

const DashboardLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
  return (
    <LayoutWrapper>
      <Sidebar />
      <div style={{ flexGrow: 1, display: 'flex', flexDirection: 'column' }}>
      <MainContent>
        <Header />
        {children}
      </MainContent>
       </div>
    </LayoutWrapper>
  );
};

export default DashboardLayout;