'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 '../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;
