'use client';

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

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;
