import React from 'react';
import { Outlet } from 'react-router-dom';
import { SidebarStaff } from '../components/layout';
import StaffChatNotification from '../components/chat/StaffChatNotification';
import { ChatNotificationProvider } from '../contexts/ChatNotificationContext';

const StaffLayout: React.FC = () => {
  return (
    <ChatNotificationProvider>
      <div className="flex h-screen bg-gradient-to-br from-slate-50 via-white to-slate-50">
        {}
        <SidebarStaff />
        
        {}
        <div className="flex-1 overflow-auto lg:ml-0">
          <div className="min-h-screen pt-20 lg:pt-0">
            <Outlet />
          </div>
        </div>
        
        {}
        <StaffChatNotification />
      </div>
    </ChatNotificationProvider>
  );
};

export default StaffLayout;

