import React from 'react';
import { Outlet } from 'react-router-dom';
import { SidebarAccountant } from '../components/layout';

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

export default AccountantLayout;

