import type { ReactNode } from 'react';
import './layouts.css';

export interface CorporateLayoutProps {
  header?: ReactNode;
  navigation?: ReactNode;
  mainContent: ReactNode;
  footer?: ReactNode;
  sidebar?: ReactNode;
}

export function CorporateLayout({ 
  header, 
  navigation,
  mainContent,
  footer,
  sidebar
}: CorporateLayoutProps) {
  return (
    <div className="shared-layout shared-layout--corporate">
      {header && <header className="shared-layout__header">{header}</header>}
      {navigation && <nav className="shared-layout__navigation">{navigation}</nav>}
      <div className="shared-layout__content">
        <main className="shared-layout__main">{mainContent}</main>
        {sidebar && <aside className="shared-layout__sidebar">{sidebar}</aside>}
      </div>
      {footer && <footer className="shared-layout__footer">{footer}</footer>}
    </div>
  );
}

